在线日历_日期时间特效

模板酷站
  •       4/5
  •       1
  •       2
  •       3
  •       4
  •       5
查看演示效果

      织梦DedeCMS视频教程买空间 租服务器 选网硕互联! 无忧站长工具,百度权重一键全查!

      在线日历,您可以先修改部分代码再运行.

      <script LANGUAGE="JavaScript"> <!-- Email:webmaster@szren.com-->as is. var caution = false function setCookie(name, value, expires, path, domain, secure) { var curCookie = name + "=" + escape(value) + ((expires) ? "; expires=" + expires.toGMTString() : "") + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + ((secure) ? "; secure" : "") if (!caution || (name + "=" + escape(value)).length <= 4000) document.cookie = curCookie else if (confirm("Cookie exceeds 4KB and will be cut!")) document.cookie = curCookie } function getCookie(name) { var prefix = name + "=" var cookieStartIndex = document.cookie.indexOf(prefix) if (cookieStartIndex == -1) return null var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length) if (cookieEndIndex == -1) cookieEndIndex = document.cookie.length return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex)) } function deleteCookie(name, path, domain) { if (getCookie(name)) { document.cookie = name + "=" + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + "; expires=Thu, 01-Jan-70 00:00:01 GMT" } } function fixDate(date) { var base = new Date(0) var skew = base.getTime() if (skew > 0) date.setTime(date.getTime() - skew) } function initCookie(monthName) { var text = "" for (var i = 1; i <= 31; ++i) { text += "^" + i + "^" } var now = new Date() fixDate(now) now.setTime(now.getTime() + 1000 * 60 * 60 * 24 * 31) setCookie(monthName + "Calendar", text, now) } function getSpecificReminder(num, monthName) { var prefix = "^" + num + "^" var totalCookie = getCookie(monthName + "Calendar") var startIndex = totalCookie.indexOf(prefix, 0) var startData = totalCookie.indexOf("^", startIndex + 1) + 1 if (num == 31) var endData = totalCookie.length else var endData = totalCookie.indexOf("^", startData) return totalCookie.substring(startData, endData) } function setSpecificReminder(num, monthName, newValue) { var prefix = "^" + num + "^" var totalCookie = getCookie(monthName + "Calendar") var startIndex = totalCookie.indexOf(prefix, 0) var startData = totalCookie.indexOf("^", startIndex + 1) + 1 if (num == 31) var endData = totalCookie.length else var endData = totalCookie.indexOf("^", startData) var now = new Date() fixDate(now) now.setTime(now.getTime() + 1000 * 60 * 60 * 24 * 31) setCookie(monthName + "Calendar", totalCookie.substring(0, startData) + newValue + totalCookie.substring(endData, totalCookie.length), now) } function getInput(num, monthName) { if (!getCookie(monthName + "Calendar")) initCookie(monthName) var newValue = prompt("Enter reminder for current date:", getSpecificReminder(num, monthName)) if (newValue) setSpecificReminder(num, monthName, newValue) } function getTime() { var now = new Date() var hour = now.getHours() var minute = now.getMinutes() now = null var ampm = "" if (hour >= 12) { hour -= 12 ampm = "PM" } else ampm = "AM" hour = (hour == 0) ? 12 : hour if (minute < 10) minute = "0" + minute return hour + ":" + minute + " " + ampm } function leapYear(year) { if (year % 4 == 0) return true return false } function getDays(month, year) { var ar = new Array(12) ar[0] = 31 ar[1] = (leapYear(year)) ? 29 : 28 // February ar[2] = 31 ar[3] = 30 ar[4] = 31 ar[5] = 30 ar[6] = 31 ar[7] = 31 ar[8] = 30 ar[9] = 31 ar[10] = 30 ar[11] = 31 return ar[month] } function getMonthName(month) { var ar = new Array(12) ar[0] = "一月" ar[1] = "二月" ar[2] = "三月" ar[3] = "四月" ar[4] = "五月" ar[5] = "六月" ar[6] = "七月" ar[7] = "八月" ar[8] = "九月" ar[9] = "十月" ar[10] = "十一月" ar[11] = "十二月" return ar[month] } function setCal() { var now = new Date() var year = now.getYear() var month = now.getMonth() var monthName = getMonthName(month) var date = now.getDate() now = null var firstDayInstance = new Date(year, month, 1) var firstDay = firstDayInstance.getDay() firstDayInstance = null var days = getDays(month, year) drawCal(firstDay + 1, days, date, monthName, year) } function drawCal(firstDay, lastDate, date, monthName, year) { var headerHeight = 50 var border = 2 var cellspacing = 4 var headerColor = "midnightblue" var headerSize = "+3" var colWidth = 60 var dayCellHeight = 25 var dayColor = "darkblue" var cellHeight = 40 var todayColor = "red" var timeColor = "purple" var text = "" text += '<CENTER>' text += '<TABLE BORDER=' + border + ' CELLSPACING=' + cellspacing + '>' text += '<TH COLSPAN=7 HEIGHT=' + headerHeight + '>' text += '<FONT COLOR="' + headerColor + '" SIZE=' + headerSize + '>' text += monthName + ' ' + year text += '</FONT>' text += '</TH>' var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + '>' openCol += '<FONT COLOR="' + dayColor + '">' var closeCol = '</FONT></TD>' var weekDay = new Array(7) weekDay[0] = "Sun" weekDay[1] = "Mon" weekDay[2] = "Tues" weekDay[3] = "Wed" weekDay[4] = "Thu" weekDay[5] = "Fri" weekDay[6] = "Sat" text += '<TR ALIGN="center" VALIGN="center">' for (var dayNum = 0; dayNum < 7; ++dayNum) { text += openCol + weekDay[dayNum] + closeCol } text += '</TR>' var digit = 1 var curCell = 1 for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) { text += '<TR ALIGN="right" VALIGN="top">' for (var col = 1; col <= 7; ++col) { if (digit > lastDate) break if (curCell < firstDay) { text += '<TD></TD>'; curCell++ } else { if (digit == date) { text += '<TD HEIGHT=' + cellHeight + '>' text += '<FONT COLOR="' + todayColor + '">' text += '<A HREF="javascript:getInput(' + digit + ', \'' + monthName + '\')" onMouseOver="window.status = \'Store or retrieve data for ' + monthName + ' ' + digit + '\'; return true"><FONT COLOR="' + todayColor + '">' + digit + '</FONT></A>' text += '<BR>' text += '<FONT COLOR="' + timeColor + '" SIZE=2>' text += '<CENTER>' + getTime() + '</CENTER>' text += '</FONT>' text += '</TD>' } else text += '<TD HEIGHT=' + cellHeight + '><A HREF="javascript:getInput(' + digit + ', \'' + monthName + '\')" onMouseOver="window.status = \'Store or retrieve data for ' + monthName + ' ' + digit + '\'; return true">' + digit + '</A></TD>' digit++ } } text += '</TR>' } text += '</TABLE>' text += '</CENTER>' document.write(text) } setCal() </script>