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 相关文章推荐
对YUI扩展的Gird组件 Part-2
Mar 10 Javascript
用JS写的一个TableView控件代码
Jan 23 Javascript
关于JavaScript中原型继承中的一点思考
Jul 25 Javascript
密码强度检测效果实现原理与代码
Jan 04 Javascript
js如何调用qq互联api实现第三方登录
Mar 28 Javascript
浅谈js图片前端预览之filereader和window.URL.createObjectURL
Jun 30 Javascript
js浏览器滚动条卷去的高度scrolltop(实例讲解)
Jul 07 Javascript
Node解决简单重复问题系列之Excel内容的获取
Jan 02 Javascript
JavaScript引用类型Array实例分析
Jul 24 Javascript
使用webpack/gulp构建TypeScript项目的方法示例
Dec 18 Javascript
vue-cli3访问public文件夹静态资源报错的解决方式
Sep 02 Javascript
解决ant-design-vue中menu菜单无法默认展开的问题
Oct 31 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/11/06 PHP
一个严格的PHP Session会话超时时间设置方法
2014/06/10 PHP
php格式化金额函数分享
2015/02/02 PHP
php用户密码加密算法分析【Discuz加密算法】
2016/10/12 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
详解no input file specified 三种解决方法
2019/11/29 PHP
jQuery jcrop插件截图使用方法
2013/11/20 Javascript
javascript 获取HTML DOM父、子、临近节点
2014/06/16 Javascript
JavaScript indexOf方法入门实例(计算指定字符在字符串中首次出现的位置)
2014/10/17 Javascript
js实现文本框选中的方法
2015/05/26 Javascript
jQuery满意度星级评价插件特效代码分享
2015/08/19 Javascript
Bootstrap媒体对象学习使用
2017/03/07 Javascript
Javascript实现找不同色块的游戏
2017/07/17 Javascript
Mongoose实现虚拟字段查询的方法详解
2017/08/15 Javascript
Angular实现的table表格排序功能完整示例
2017/12/22 Javascript
基于JavaScript实现简单的音频播放功能
2018/01/07 Javascript
js继承的这6种方式!(上)
2019/04/23 Javascript
Vue 实现创建全局组件,并且使用Vue.use() 载入方式
2020/08/11 Javascript
[54:30]Liquid vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python实现在sqlite动态创建表的方法
2015/05/08 Python
python保存字符串到文件的方法
2015/07/01 Python
python 成功引入包但无法正常调用的解决
2020/03/09 Python
tensorflow2.0的函数签名与图结构(推荐)
2020/04/28 Python
Python实现查找数据库最接近的数据
2020/06/08 Python
UNDONE手表官网:世界领先的定制手表品牌
2018/11/13 全球购物
加拿大在线眼镜零售商:SmartBuyGlasses加拿大
2019/05/25 全球购物
学校爱心捐款倡议书
2014/05/13 职场文书
供电工程专业求职信
2014/08/09 职场文书
信用卡结清证明怎么写
2014/09/13 职场文书
反对形式主义、官僚主义、享乐主义和奢靡之风整改措施
2014/09/17 职场文书
教师党员先进性教育自我剖析材料思想汇报
2014/09/24 职场文书
派出所副所长四风问题个人整改措施思想汇报
2014/10/13 职场文书
在职证明范本
2015/06/15 职场文书
Python使用protobuf序列化和反序列化的实现
2021/05/19 Python
一文读懂navicat for mysql基础知识
2021/05/31 MySQL
Java中的继承、多态以及封装
2022/04/11 Java/Android