JS之日历实践附实现代码

2014-10-21 22:50:04 分类：JavaScript技术阅读()

程序是这个样子的：首先采集用户输入的年份和月份，经过计算获取该月份的最大天数，并获取月份第一天是星期几。然后在表格中填充该月份的具体信息。

<html> <head> <title>日历测试</title>  </head> <body> <table style="background-color:white;"> <tr> <td colspan="7"> <input id="yearinput" type="text" size="4" MAXLENGTH="4" onchange="updateDate()"/>年 <input id="monthinput" type="text" size="2" MAXLENGTH="2" onchange="updateDate()"/>月  <span onclick="updateDate()">更新</span></td> </tr> <tr> <td>日</td><td>一</td><td>二</td><td>三</td><td>四</td><td>五</td><td>六</td> </tr> <tr> <td id="0-0"></td><td id="0-1"></td><td id="0-2"></td><td id="0-3"></td><td id="0-4"></td><td id="0-5"></td><td id="0-6"></td> </tr> <tr> <td id="1-0"></td><td id="1-1"></td><td id="1-2"></td><td id="1-3"></td><td id="1-4"></td><td id="1-5"></td><td id="1-6"></td> </tr> <tr> <td id="2-0"></td><td id="2-1"></td><td id="2-2"></td><td id="2-3"></td><td id="2-4"></td><td id="2-5"></td><td id="2-6"></td> </tr> <tr> <td id="3-0"></td><td id="3-1"></td><td id="3-2"></td><td id="3-3"></td><td id="3-4"></td><td id="3-5"></td><td id="3-6"></td> </tr> <tr> <td id="4-0"></td><td id="4-1"></td><td id="4-2"></td><td id="4-3"></td><td id="4-4"></td><td id="4-5"></td><td id="4-6"></td> </tr> </table>  </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

JavaScript技术：JS之日历实践附实现代码，转载需保留来源！

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

标签：

相关文章阅读

5款Javascript颜色选择器
11款基于Javascript的文件管理器
JavaScript 对话框和状态栏使用说明
禁止在图片上使用右键