<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>网页日历</title>
<script language="JavaScript">
<!--
setCal()
function getTime() {
var now = new Date()
var hour = now.getHours()
var minute = now.getMinutes()
now = null
var ampm = ""
if (hour >= 12) {
hour -= 12
ampm = "下午"
} else
ampm = "上午"
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
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] = "1月"
ar[1] = "2月"
ar[2] = "3月"
ar[3] = "4月"
ar[4] = "5月"
ar[5] = "6月"
ar[6] = "7月"
ar[7] = "8月"
ar[8] = "9月"
ar[9] = "10月"
ar[10] = "11月"
ar[11] = "12月"
return ar[month]
}
function setCal() {
var now = new Date()
var year = now.getYear()
if (year<2000)
year=1900+year;
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 = "-1"
var colWidth = 50
var dayCellHeight = 10
var dayColor = "darkblue"
var cellHeight = 20
var todayColor = "red"
var timeColor = "purple"
var text = ""
text += '<CENTER>'
text += '<TABLE BORDER=1' + ' CELLSPACING=0' + 'style="font-size: 9pt">'
text += '<TH COLSPAN=7 HEIGHT=' + headerHeight + '>'
text += ''
text += year+'年'+ monthName + '日历'
text += ''
text += '</TH>'
var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + '>'
openCol += '<FONT COLOR="' + dayColor + '">'
var closeCol = '</FONT></TD>'
var weekDay = new Array(7)
weekDay[0] = "星期天"
weekDay[1] = "星期一"
weekDay[2] = "星期二"
weekDay[3] = "星期三"
weekDay[4] = "星期四"
weekDay[5] = "星期五"
weekDay[6] = "星期六"
text += '<TR ALIGN="center" VALIGN="center" style="font-size: 9pt">'
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" style="font-size: 9pt">'
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=1>'
text += '<FONT COLOR="' + todayColor + '">'
text += digit
text += '</FONT><BR>'
text += '<FONT COLOR="' + timeColor + '" SIZE=2 style="font-size: 9pt">'
text += '<CENTER>' + getTime() + '</CENTER>'
text += '</FONT>'
text += '</TD>'
} else
text += '<TD HEIGHT=' + cellHeight + '>' + digit + '</TD>'
digit++
}
}
text += '</TR>'
}
text += '</TABLE>'
text += '</CENTER>'
document.write(text)
}
//-->
</script>
<script language="JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</head>
<body>
</body>
</html>
分享到：
相关推荐
这个压缩包“js ie firefox 日历控件多多”显然包含了一系列适用于Internet Explorer（IE）、Firefox等浏览器的JavaScript日历插件或者库。下面我们将深入探讨JavaScript日历控件的相关知识点，并结合不同浏览器的...
"JS火狐兼容日历控件"的描述意味着它提供了一个解决方案，不仅适用于基于Webkit内核的浏览器，如Chrome和Safari，还特别针对使用Gecko内核的Firefox进行了优化。下面我们将深入探讨JS日历控件的实现、设计考虑、兼容...
优点：此代码优点是兼容火狐，简洁，中文。 乱码：如果日历出现中文乱码，并且如果在Eclipse中，那么请调整js的属性中编码为utf-8，html页面亦如是。 效果：页面为一个TextField空间，隐藏一个Div。点击TextField，...
"日历 梅花雨"是一个看似简洁但功能实用的日历应用，它结合了中国传统元素与现代技术，为用户提供了一种独特的日期管理和查看体验。从描述中我们可以推测，这个应用设计直观，易于理解和操作，适合各个年龄段的用户...
"js日历 兼容firefox"这个项目就是针对这一需求的一个解决方案。它利用了流行的jQuery库来实现，确保在Firefox浏览器上的良好兼容性，并且允许用户自定义起始和结束的年份。 首先，我们来详细了解一下jQuery。...
标题提到的“梅花雨日历控件3.0(修改支持Firefox)”表明原版的3.0版本在Firefox浏览器上存在兼容性问题，因此进行了相应的修复和优化，使其能够在Firefox环境下正常运行。 在Web开发中，跨浏览器兼容性是一个常见的...
【标题】：“日历（IE，Firefox，Safari）” 这篇博客主要探讨的是关于日历在不同浏览器，包括Internet Explorer（IE），Firefox和Safari中的实现和兼容性问题。在Web开发中，日历功能是常见的一种交互元素，用于...
标题中的“兼容IE和Firefox的JS日历”指的是一个JavaScript实现的日历插件，它能够同时在Internet Explorer（IE）和Mozilla Firefox这两种不同的浏览器上正常运行。在网页开发中，由于浏览器之间的兼容性问题，同一...
在"兼容火狐的日历控件（显示分秒）"这个主题中，我们关注的是一个特别针对Firefox浏览器优化，并且能够精确到分钟和秒的日历插件或组件。以下是一些相关的知识点： 1. **跨浏览器兼容性**：在Web开发中，浏览器...
"支持Firefox和IE浏览器的纯js日历控件"是一个旨在兼容两种主流浏览器（Firefox和Internet Explorer）的JavaScript库，其设计灵感来源于AJAX自带的日历控件。在AJAX技术中，日历控件通常通过异步交互提供无刷新的...
JS的日历.支持ie,firefox，兼容
在IE6,IE7,IE8,chrome谷歌浏览器6.0.472.55,FireFox火狐3.6.8下测试通过 需要说明的是，测试时间不多，所以可能测试不够详细，欢迎大家指出bug，并在我的博客发表回复:http://beinet.cn 注意：刚刚测出一个bug，请...
这个名为"js+css精美日历支持ie和firefox等浏览器"的项目，显然旨在创建一个跨浏览器兼容的日历组件，尤其强调对老旧但仍然广泛使用的Internet Explorer（IE）以及Firefox的支持。以下是关于这个项目的一些关键知识...
本资源提供了一个兼容Internet Explorer（IE）和Firefox浏览器的JS日历控件，允许用户方便地选择日期和时间。以下是关于这个JS日历控件的一些关键知识点： 1. **跨浏览器兼容性**：此控件考虑到了不同的浏览器间...
本文将深入探讨“很好用的日历控件(兼容IE,firefox)”这一主题，以及与之相关的梅华雨日历控件。 日历控件在网页和应用程序设计中扮演着至关重要的角色，因为它们提供了直观且用户友好的方式来输入或选择日期。在...
标题中的“一个兼容ie 和firefox 的日历控件js”指的是一个JavaScript库，它被设计成能在Internet Explorer（IE）和Firefox这两个不同的浏览器上正常工作，提供日历功能。在Web开发中，由于不同浏览器对某些特性或...
本压缩包中的资源是专为兼容IE（Internet Explorer）和Firefox浏览器设计的一款美观的JS日历插件，这在多浏览器环境下具有很高的实用性。 首先，我们需要理解JavaScript（JS）是一种轻量级的解释型编程语言，广泛...
【标题】"兼容ie6/7/8,firefox的日历控件"涉及到的是网页开发中的一个常见需求，即创建一个可以跨多个浏览器版本使用的日期选择组件。在网页设计中，日历控件常用于用户输入日期，如预订系统、表单填写等场景，能...
本资源提供的是一个专为IE（Internet Explorer）和Firefox浏览器设计的精美且精简的JS日历组件。 首先，让我们深入了解一下JS日历组件的基本原理。日历组件通常由JavaScript代码实现，它可以在用户界面上生成一个可...