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

JavaScript时间操作之年月日星期级联操作

时间：2020-05-07 19:15 编辑：来源：阅读：
扫一扫，手机访问

摘要：JavaScript时间操作之年月日星期级联操作

本文实例介绍了JavaScript时间操作之级联日期选择操作的详细代码，分享给大家供大家参考，具体内容如下效果图： [img]http://files.jb51.net/file_images/article/201601/2016115145527189.jpg?2016015145535[/img] 具体代码：

<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程序设计有所帮助。

全部评论(0)

上一篇：JS检测数组类型的方法小结
下一篇：js时间控件只显示年月

资讯排行榜
更多>>