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 相关文章推荐
在jQuery 1.5中使用deferred对象的代码(翻译)
Mar 10 Javascript
jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结
Sep 14 Javascript
JS实现可拖曳、可关闭的弹窗效果
Sep 26 Javascript
Node.js与Sails ~项目结构与Mvc实现及日志机制
Oct 14 Javascript
原生JS实现风箱式demo,并封装了一个运动框架(实例代码)
Jul 22 Javascript
Bootstrap源码解读导航(6)
Dec 23 Javascript
js图片轮播手动切换特效
Jan 12 Javascript
js处理层级数据结构的方法小结
Jan 17 Javascript
jQuery模拟淘宝购物车功能
Feb 27 Javascript
vue中用动态组件实现选项卡切换效果
Mar 25 Javascript
XMLHttpRequest对象_Ajax异步请求重点(推荐)
Sep 28 Javascript
vue组件冲突之引用另一个组件出现组件不显示的问题
Apr 13 Vue.js
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 三维饼图的实现代码
2008/09/28 PHP
关于URL最大长度限制的相关资料查证
2014/12/23 PHP
thinkphp微信开之安全模式消息加密解密不成功的解决办法
2015/12/02 PHP
Mootools 1.2教程 输入过滤第二部分(字符串)
2009/09/15 Javascript
$.format,jquery.format 使用说明
2011/07/13 Javascript
学习javascript面向对象 掌握创建对象的9种方式
2016/01/04 Javascript
angularJS模态框$modal实例代码
2017/05/27 Javascript
Javascript中的getter和setter初识
2017/08/17 Javascript
jquery实现的简单轮播图功能【适合新手】
2018/08/17 jQuery
小程序实现左滑删除效果
2019/07/25 Javascript
Vue 自定义指令实现一键 Copy功能
2019/09/16 Javascript
高性能js数组去重(12种方法,史上最全)
2019/12/21 Javascript
js实现星星打分效果
2020/07/05 Javascript
Vue常用API、高级API的相关总结
2021/02/02 Vue.js
浅析python 内置字符串处理函数的使用方法
2014/06/11 Python
python基于xml parse实现解析cdatasection数据
2014/09/30 Python
Python的Flask框架中实现分页功能的教程
2015/04/20 Python
Python写的一个定时重跑获取数据库数据
2016/12/28 Python
Python生成8位随机字符串的方法分析
2017/12/05 Python
K-近邻算法的python实现代码分享
2017/12/09 Python
浅析Python3爬虫登录模拟
2018/02/07 Python
使用Python制作自动推送微信消息提醒的备忘录功能
2018/09/06 Python
Python图像处理PIL各模块详细介绍(推荐)
2019/07/17 Python
Python3和pyqt5实现控件数据动态显示方式
2019/12/13 Python
Django --Xadmin 判断登录者身份实例
2020/07/03 Python
Django Form常用功能及代码示例
2020/10/13 Python
Python之qq自动发消息的示例代码
2021/02/18 Python
5分钟实现Canvas鼠标跟随动画背景
2019/11/18 HTML / CSS
Rowdy Gentleman服装和配饰:美好时光
2019/09/24 全球购物
巴西最大的玩具连锁店:Ri Happy
2020/06/17 全球购物
历史专业大学生职业生涯规划书
2014/03/13 职场文书
市语委办2016年第十九届“推普周”活动总结
2016/04/05 职场文书
解决SpringCloud Feign传对象参数调用失败的问题
2021/06/23 Java/Android
MyBatis 动态SQL全面详解
2021/10/05 MySQL
python利用while求100内的整数和方式
2021/11/07 Python
python实现简单的三子棋游戏
2022/04/28 Python