JavaScript时间操作之年月日星期级联操作
2016-01-15 14:56
771 查看
本文实例介绍了JavaScript时间操作之级联日期选择操作的详细代码,分享给大家供大家参考,具体内容如下
效果图:
具体代码:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312"> <title>年月日星期级联</title> </head> <body topmargin="10" leftmargin="0"> <form> <select id=year onchange="toDate();"> <script>for(i=1970;i<=2010;i++)document.write("<option>"+i+"</option>")</script> </select> <select id=month onchange="toDate();"> <script>for(i=1;i<=12;i++)document.write("<option>"+i+"</option>")</script> </select> <select id=day onchange="toDay();"></select> <input name=weekday> </form> <script type="text/javascript"> var arr="日一二三四五六".split("") function toDate(){ with(document.all){ vYear=parseInt(year.options[year.selectedIndex].text) vMonth=parseInt(month.options[month.selectedIndex].text) day.length=0; for(i=0;i<(new Date(vYear,vMonth,0)).getDate();i++){day.options[day.length++].value=day.length;day.options[day.length-1].text=day.length;} } toDay(); } function toDay(){ vDay=parseInt(document.all.day.options[document.all.day.selectedIndex].value) document.all("weekday").value="星期"+arr[new Date(vYear,vMonth-1,vDay).getDay()] } window.onload=toDate; </script> </body> </html>
希望本文所述对大家学习javascript程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 如何在 Linux 上安装、配置 NTP 服务器和客户端?
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- Redux系列02:一个炒鸡简单的react+redux例子
- JavaScript 各种遍历方式详解
- call/apply/bind 的理解与实例分享
- 如何创建对象以及jQuery中创建对象的方式