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 相关文章推荐
加随机数引入脚本不让浏览器读取缓存
Sep 04 Javascript
JavaScript判断变量是否为数组的方法(Array)
Feb 24 Javascript
JS中BOM相关知识点总结(必看篇)
Nov 22 Javascript
jQuery Validate验证表单时多个name相同的元素只验证第一个的解决方法
Dec 24 Javascript
Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例
Jan 22 Javascript
Vue.js使用$.ajax和vue-resource实现OAuth的注册、登录、注销和API调用
May 10 Javascript
Javascript调试之console对象——你不知道的一些小技巧
Jul 10 Javascript
Vue.set()动态的新增与修改数据,触发视图更新的方法
Sep 15 Javascript
jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
Jun 06 jQuery
AntV F2和vue-cli构建移动端可视化视图过程详解
Oct 08 Javascript
javascript Canvas动态粒子连线
Jan 01 Javascript
typescript配置alias的详细步骤
Aug 12 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实例
2013/12/24 PHP
PHP连接MSSQL2008/2005数据库(SQLSRV)配置实例
2014/10/22 PHP
PHP实现的比较完善的购物车类
2014/12/02 PHP
再推荐十款免费的php开发工具
2015/11/09 PHP
PHP中addslashes与mysql_escape_string的区别分析
2016/04/25 PHP
Yii数据读取与跳转参数传递用法实例分析
2016/07/12 PHP
PHP设计模式之建造者模式定义与用法简单示例
2018/08/13 PHP
JQuery实现倒计时按钮的实现代码
2012/03/23 Javascript
基于jQuery的动态增删改查表格信息,可左键/右键提示(原创自Zjmainstay)
2012/07/31 Javascript
js实现右下角可关闭最小化div(可用于展示推荐内容)
2013/06/24 Javascript
JS日期和时间选择控件升级版(自写)
2013/08/02 Javascript
javascript中的变量作用域以及变量提升详细介绍
2013/10/24 Javascript
javascript实现十秒钟后注册按钮可点击的方法
2015/05/13 Javascript
node.js下LDAP查询实例分享
2015/09/30 Javascript
JS+CSS实现分类动态选择及移动功能效果代码
2015/10/19 Javascript
JS实现选项卡实例详解
2015/11/17 Javascript
深入理解JS addLoadEvent函数
2016/05/20 Javascript
bootstrap table表格客户端分页实例
2017/08/07 Javascript
微信小程序实现下拉刷新和轮播图效果
2017/11/21 Javascript
详解小程序input框失焦事件在提交事件前的处理
2019/05/05 Javascript
原生js实现轮播图特效
2020/05/04 Javascript
JavaScript Image对象实现原理实例解析
2020/08/26 Javascript
写了个监控nginx进程的Python脚本
2012/05/10 Python
Python实现文件内容批量追加的方法示例
2017/08/29 Python
使用python读取csv文件快速插入数据库的实例
2018/06/21 Python
python 对多个csv文件分别进行处理的方法
2019/01/07 Python
pytorch自定义初始化权重的方法
2019/08/17 Python
关于Django Models CharField 参数说明
2020/03/31 Python
使用PyWeChatSpy自动回复微信拍一拍功能的实现代码
2020/07/02 Python
Windows 平台做 Python 开发的最佳组合(推荐)
2020/07/27 Python
英国领先的珍珠首饰品牌:Orchira
2016/09/11 全球购物
荷兰家电销售网站:Welhof
2020/12/08 全球购物
下面这个程序执行后会有什么错误或者效果
2014/11/03 面试题
幼儿园运动会口号
2014/06/07 职场文书
2015年工程师工作总结
2015/04/30 职场文书
2016年庆“七一”主题党日活动总结
2016/04/05 职场文书