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


Posted in Javascript onJanuary 15, 2016

本文实例介绍了JavaScript时间操作之级联日期选择操作的详细代码,分享给大家供大家参考,具体内容如下

效果图:

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

Javascript 相关文章推荐
B/S模式项目中常用的javascript汇总
Dec 17 Javascript
使用HTML+CSS+JS制作简单的网页菜单界面
Jul 27 Javascript
JS实现的左侧竖向滑动菜单效果代码
Oct 19 Javascript
js剪切板应用clipboardData实例解析
May 29 Javascript
基于JS实现的随机数字抽签实例
Dec 08 Javascript
angular分页指令操作
Jan 09 Javascript
Vue 单文件中的数据传递示例
Mar 21 Javascript
Vue CLI3创建项目部署到Tomcat 使用ngrok映射到外网
May 16 Javascript
Layer组件多个iframe弹出层打开与关闭及参数传递的方法
Sep 25 Javascript
详解element-ui动态限定的日期范围选择器代码片段
Jul 03 Javascript
Threejs实现滴滴官网首页地球动画功能
Jul 13 Javascript
浅谈js中的attributes和Attribute的用法与区别
Jul 16 Javascript
input点击后placeholder中的提示消息消失
Jan 15 #Javascript
jQuery插件imgPreviewQs实现上传图片预览
Jan 15 #Javascript
实例详解AngularJS实现无限级联动菜单
Jan 15 #Javascript
利用CSS3在Angular中实现动画
Jan 15 #Javascript
JavaScript程序开发之JS代码放置的位置
Jan 15 #Javascript
探讨JavaScript标签位置的存放与功能有无关系
Jan 15 #Javascript
JavaScript知识点总结之如何提高性能
Jan 15 #Javascript
You might like
PHP调用Webservice实例代码
2011/07/29 PHP
如何使用PHP批量去除文件UTF8 BOM信息
2013/08/05 PHP
详解PHP导入导出CSV文件
2014/11/03 PHP
php通过asort()给关联数组按照值排序的方法
2015/03/18 PHP
php制作简单模版引擎
2016/04/07 PHP
javascript void(0)的妙用
2009/10/21 Javascript
分别用marquee和div+js实现首尾相连循环滚动效果,仅3行代码
2011/09/21 Javascript
Javascript数组的排序 sort()方法和reverse()方法
2012/06/04 Javascript
jQuery.Validate验证库的使用介绍
2013/04/26 Javascript
JavaScript通过正则表达式实现表单验证电话号码
2014/03/07 Javascript
js实现简洁的滑动门菜单(选项卡)效果代码
2015/09/04 Javascript
JS实现自动固定顶部的悬浮菜单栏效果
2015/09/16 Javascript
jQuery中的ajax async同步和异步详解
2015/09/29 Javascript
使用Angular.js开发的注意事项
2016/10/19 Javascript
Angular2学习教程之TemplateRef和ViewContainerRef详解
2017/05/25 Javascript
element-ui 表格实现单元格可编辑的示例
2018/02/26 Javascript
p5.js入门教程之鼠标交互的示例
2018/03/16 Javascript
js中怎么判断两个字符串相等的实例
2019/01/17 Javascript
vue-router实现嵌套路由的讲解
2019/01/19 Javascript
解决vue-photo-preview 异步图片放大失效的问题
2020/07/29 Javascript
python求crc32值的方法
2014/10/05 Python
Python求解平方根的方法
2015/03/11 Python
在Python的Django框架中编写编译函数
2015/07/20 Python
详解Python开发中如何使用Hook技巧
2017/11/01 Python
python pands实现execl转csv 并修改csv指定列的方法
2018/12/12 Python
Django打印出在数据库中执行的语句问题
2019/07/25 Python
使用pyqt 实现重复打开多个相同界面
2019/12/13 Python
Django中密码的加密、验密、解密操作
2019/12/19 Python
pytorch 自定义卷积核进行卷积操作方式
2019/12/30 Python
python如何调用php文件中的函数详解
2020/12/29 Python
电子狗项圈:eDog Australia
2019/12/04 全球购物
解释一下钝化(Swap out)
2016/12/26 面试题
业务经理的岗位职责
2013/11/16 职场文书
审计专业自荐信范文
2014/04/21 职场文书
人事行政助理岗位职责
2015/04/11 职场文书
在HTML中引入CSS的几种方式介绍
2021/12/06 HTML / CSS