JS之日历实践附实现代码

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

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>日历测试</title> <div><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></div>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]