当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > HTML组件之:编写日历(1)

HTML/XHTML教程
IE5+专有日历
跨框架下拉菜单
用鼠标拖动表格进行排序
通用表单验证函数
静态页面的值传递(三部曲)
用javascript获得地址栏参数的两种方法
校验日期的函数
Select的OnChange()事件
区分只读文本框和普通文本框的背景色
指定选取textarea的特定行
清除WORD冗余格式并粘贴
页面载入时提示消息层
正则表达式regular expression详述
最精致的日历式日期输入控件
MD5算法在JS中的实现
javascript 的面向对象编程
自适应图片大小的弹出窗口
锁定行头和列头的表格组件
简化的enter转化成tab组件
日期相加的函数addDate

HTML/XHTML教程 中的 HTML组件之:编写日历(1)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 189 ::
收藏到网摘: n/a

===编写日历一===

  当calendar.html调用 MYCAL:CALENDAR,当月的日历将会显示在页面中,函数setCal()是主要程序段,它初始化一些变量并调用drawCal()函数。我们也使用了三个别的函数:getMonthName()、 getDays() 和 leapYear()。让我们从最后一个函数开始:

  getDays()函数接收哪月值和哪年值,并且建立一个有12个元素的数组,用来存放每月的天数,哪一年用来决定是不是闰年,在闰年中二月是29天,而不是闰年是28天。该函数返回指定月份的天数。

以下是getDays():

function getDays(month, year) {
// create array to hold number of days in each month
var ar = new Array(12);
ar[0] = 31; // January
ar = (leapYear(year)) ? 29 : 28; // February
ar = 31; // March
ar = 30; // April
ar = 31; // May
ar = 30; // June
ar = 31; // July
ar = 31; // August
ar = 30; // September
ar = 31; // October
ar = 30; // November
ar = 31; // December

// return number of days in the specified month (parameter)
return ar[month];
}