当前位置：首页 > 资讯 > 技术文档

JS之日历实践附实现代码

时间：2021-07-12 04:45 编辑：来源：阅读：
扫一扫，手机访问

摘要：JS之日历实践附实现代码

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

日历测试 
 
 
 
<div><table style="background-color:white;"> 
<tr> 
<td colspan="7"> 
<input id="yearinput" maxlength="4" onchange="updateDate()" size="4" type="text">年 
<input id="monthinput" maxlength="2" onchange="updateDate()" size="2" type="text">月  <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 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

全部评论(0)

上一篇：javascript 倒计时代码
下一篇：java排序高级之选择排序实现方法

资讯排行榜
更多>>