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 相关文章推荐
Javascript valueOf 使用方法
Dec 28 Javascript
BOM与DOM的区别分析
Oct 26 Javascript
js汉字排序问题 支持中英文混排,兼容各浏览器,包括CHROME
Dec 20 Javascript
asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)
Mar 14 Javascript
JS等比例缩小图片尺寸的实例
Feb 27 Javascript
JavaScript实现图片轮播的方法
Jul 31 Javascript
BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)
Aug 17 Javascript
angular-ngSanitize模块-$sanitize服务详解
Jun 13 Javascript
angularjs的单选框+ng-repeat的实现方法
Sep 12 Javascript
layui实现数据表格自定义数据项
Oct 26 Javascript
vue项目中在可编辑div光标位置插入内容的实现代码
Jan 07 Javascript
vue项目打包之开发环境和部署环境的实现
Apr 23 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
实现树状结构的两种方法
2006/10/09 PHP
PHP 七大优势分析
2009/06/23 PHP
浅谈使用 PHP 进行手机 APP 开发(API 接口开发)
2014/08/11 PHP
Thinkphp5结合layer弹窗定制操作结果页面
2017/07/07 PHP
PHP基于rabbitmq操作类的生产者和消费者功能示例
2018/06/16 PHP
HR vs ForZe BO3 第二场 2.13
2021/03/10 DOTA
JavaScript中的私有成员
2006/09/18 Javascript
JavaScript 空位补零实现代码
2010/02/26 Javascript
js 禁用只读文本框获得焦点时的退格键
2010/04/25 Javascript
js左侧三级菜单导航实例代码
2013/09/13 Javascript
jquery实现树形二级菜单实例代码
2013/11/20 Javascript
jQuery插件实现大图全屏图片相册
2015/03/14 Javascript
jquery中radio checked问题
2015/03/16 Javascript
Javascript 事件冒泡机制详细介绍
2016/10/10 Javascript
微信小程序 wxapp视图容器 view详解
2016/10/31 Javascript
Javascript Event(事件)的传播与冒泡
2017/01/23 Javascript
基于AngularJS实现表单验证功能
2017/07/28 Javascript
浅谈react-native热更新react-native-pushy集成遇到的问题
2017/09/30 Javascript
浅谈手写node可读流之流动模式
2018/06/01 Javascript
原生JS使用Canvas实现拖拽式绘图功能
2019/06/05 Javascript
使用python调用zxing库生成二维码图片详解
2017/01/10 Python
Python爬虫DOTA排行榜爬取实例(分享)
2017/06/13 Python
远程部署工具Fabric详解(支持Python3)
2019/07/04 Python
Python叠加两幅栅格图像的实现方法
2019/07/05 Python
基于Python实现船舶的MMSI的获取(推荐)
2019/10/21 Python
python UIAutomator2使用超详细教程
2021/02/19 Python
Expedia爱尔兰:酒店、机票、租车及廉价假期
2017/01/02 全球购物
Kathmandu澳洲户外商店:新西兰户外运动品牌
2017/11/12 全球购物
连锁经营管理专业大学生求职信
2013/10/30 职场文书
行政专员岗位职责
2014/01/02 职场文书
给医务人员表扬信
2014/01/12 职场文书
双方协议书
2014/04/22 职场文书
车间核算员岗位职责
2014/07/01 职场文书
2015政治思想表现评语
2015/03/25 职场文书
Matlab如何实现矩阵复制扩充
2021/06/02 Python
python之np.argmax()及对axis=0或者1的理解
2021/06/02 Python