JavaScript案例精解(五)
2008年07月04日 星期五 08:48
日历 运行效果:

思路: 这个例子的思路总体有两个难点: 1、计算任意月份的第一天是星期几,即日历显示时,当前月份对应星期几 2、日历窗口的层(
、)的构造,及其相应的事件(点击日期号填写当前的日期,点击年份选择年份,点击月份选择月份)。
在解决第一个问题时:我们选确定好1900-1-1是星期一,然后累计计算任意年份月份的第一天是第几天,然后模7,得出的结果就是当前月份第一天是星期几。这个问题充份考查我们的逻辑推导能力。
至于第二个问题,我感觉没有什么复杂的逻辑。取而代之的是javascript语法对样式表及层对象的灵活控制。
所以说javascript制作日历是个不错的例子,下面我们一一解析代码:
HTML代码: 在HTML代码中,为了追求日历代码的独立性,我们在HTML代码中并未涉及日历所需要的层(
),所有日历所需要的层都是由Javascript代码动态创建的。
所以这里的HTML代码只有一个文本框和一个按钮,在该按钮的onclientclick事件中我们调用日历代码中的calendar('TextBox1')函数。calendar函数的实参传入的是接收选中日期的文本框。
出生日期:
关注
打赏
立即登录/注册


微信扫码登录