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 相关文章推荐
使用新的消息弹出框blackbirdjs
Oct 16 Javascript
Javascript Object.extend
May 18 Javascript
jQuery链使用指南
Jan 20 Javascript
深入理解JavaScript系列(17):面向对象编程之概论详细介绍
Mar 04 Javascript
浅谈JavaScript变量的自动转换和语句
Jun 12 Javascript
JS实现的幻灯片切换显示效果
Sep 07 Javascript
Bootstrap基本插件学习笔记之折叠(22)
Dec 08 Javascript
使用FileReader API创建Vue文件阅读器组件
Apr 03 Javascript
vue.js前后端数据交互之提交数据操作详解
Apr 24 Javascript
vue项目中公用footer组件底部位置的适配问题
May 10 Javascript
微信小程序websocket聊天室的实现示例代码
Feb 12 Javascript
Vue3.0的优化总结
Oct 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
在PHP3中实现SESSION的功能(三)
2006/10/09 PHP
Javascript &amp; DHTML 实例编程(教程)DOM基础和基本API
2007/06/02 Javascript
jQuery 源代码显示控件 (Ajax加载方式).
2009/05/18 Javascript
style、 currentStyle、 runtimeStyle区别分析
2010/08/01 Javascript
IE6下CSS图片缓存问题解决方法
2010/12/09 Javascript
IE6/7/8中Option元素未设value时Select将获取空字符串
2011/04/07 Javascript
一个页面元素appendchild追加到另一个页面元素的问题
2013/01/27 Javascript
jQuery之选择组件的深入解析
2013/06/19 Javascript
jquery日历插件datepicker用法分析
2016/01/22 Javascript
jQuery对象与DOM对象转换方法详解
2016/05/10 Javascript
用JavaScript动态建立或增加CSS样式表的实现方法
2016/05/20 Javascript
JS实现加载和读取XML文件的方法详解
2017/04/24 Javascript
Angularjs添加排序查询功能的实例代码
2017/10/24 Javascript
使用react实现手机号的数据同步显示功能的示例代码
2018/04/03 Javascript
JS获取当前时间的实例代码(昨天、今天、明天)
2018/11/13 Javascript
Node.js Event Loop各阶段讲解
2019/03/08 Javascript
js 判断当前时间是否处于某个一个时间段内
2019/09/19 Javascript
layui 中select下拉change事件失效的解决方法
2019/09/20 Javascript
原生JS实现多条件筛选
2020/08/19 Javascript
解决VUE项目使用Element-ui 下拉组件的验证失效问题
2020/11/07 Javascript
[06:53]2018DOTA2国际邀请赛寻真——勇于创新的Vici Gaming
2018/08/14 DOTA
python opencv将表格图片按照表格框线分割和识别
2019/10/30 Python
win10下python2和python3共存问题解决方法
2019/12/23 Python
python——全排列数的生成方式
2020/02/26 Python
Python实现转换图片背景颜色代码
2020/04/30 Python
matplotlib对象拾取事件处理的实现
2021/01/14 Python
纯css3实现的动画按钮的实例教程
2014/11/17 HTML / CSS
Uber Eats台湾:寻找附近提供送餐服务的餐厅
2018/05/07 全球购物
工商管理专业实习生自我鉴定
2013/09/29 职场文书
竞选学习委员演讲稿
2014/04/28 职场文书
2015年学习部工作总结范文
2015/03/31 职场文书
狼牙山五壮士观后感
2015/06/09 职场文书
公司员工管理制度
2015/08/04 职场文书
2016廉政教育学习心得体会
2016/01/25 职场文书
导游词之南京中山陵
2019/11/27 职场文书
Nginx+Tomcat负载均衡多实例详解
2022/04/11 Servers