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 相关文章推荐
5种处理js跨域问题方法汇总
Dec 04 Javascript
jquery任意位置浮动固定层插件用法实例
May 29 Javascript
使用jQuery给input标签设置默认值
Jun 20 Javascript
Javascript json object 与string 相互转换的简单实现
Sep 27 Javascript
bootstrap datepicker限定可选时间范围实现方法
Sep 28 Javascript
AngularJS自定义插件实现网站用户引导功能示例
Nov 07 Javascript
angularJS 指令封装回到顶部示例详解
Jan 22 Javascript
vue.js实现格式化时间并每秒更新显示功能示例
Jul 07 Javascript
Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)
Aug 24 Javascript
Vue递归实现树形菜单方法实例
Nov 06 Javascript
JavaScript数据结构与算法之二叉树添加/删除节点操作示例
Mar 01 Javascript
解决vue cli使用typescript后打包巨慢的问题
Sep 30 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中eclipse 用空格替换 tab键
2013/06/24 PHP
php+js iframe实现上传头像界面无跳转
2014/04/29 PHP
在WordPress的后台中添加顶级菜单和子菜单的函数详解
2016/01/11 PHP
ThinkPHP中create()方法自动验证表单信息
2017/04/28 PHP
JObj预览一个JS的框架
2008/03/13 Javascript
基于jquery的滚动鼠标放大缩小图片效果
2011/10/27 Javascript
jQuery选择器中含有空格的使用示例及注意事项
2013/08/25 Javascript
jQuery中outerWidth()方法用法实例
2015/01/19 Javascript
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
2016/11/09 Javascript
微信小程序实现MUI数字输入框效果
2018/01/31 Javascript
JavaScript实现浅拷贝与深拷贝的方法分析
2018/07/05 Javascript
微信小程序实现倒计时补零功能
2018/07/09 Javascript
解决vue 打包发布去#和页面空白的问题
2018/09/04 Javascript
vue给组件传递不同的值方法
2018/09/29 Javascript
vue 配置多页面应用的示例代码
2018/10/22 Javascript
LayUi数据表格自定义赋值方式
2019/10/26 Javascript
python socket网络编程步骤详解(socket套接字使用)
2013/12/06 Python
python中使用序列的方法
2015/08/03 Python
python3实现读取chrome浏览器cookie
2016/06/19 Python
Python使用SocketServer模块编写基本服务器程序的教程
2016/07/12 Python
python3基于OpenCV实现证件照背景替换
2018/07/18 Python
Python面向对象之继承和组合用法实例分析
2018/08/27 Python
python爬虫超时的处理的实例
2018/12/19 Python
Python使用百度api做人脸对比的方法
2019/08/28 Python
为什么黑客都用python(123个黑客必备的Python工具)
2020/01/31 Python
Python内置函数property()如何使用
2020/09/01 Python
加拿大国民体育购物网站:National Sports
2018/11/04 全球购物
e路東瀛(JAPANiCAN)香港:日本旅游、日本酒店和温泉旅馆预订
2018/11/21 全球购物
亚洲领先的旅游体验市场:Voyagin
2019/11/23 全球购物
英文自荐信格式
2013/11/28 职场文书
给医务人员表扬信
2014/01/12 职场文书
幼儿园老师辞职信
2014/01/20 职场文书
幼师自我鉴定
2014/02/01 职场文书
企业与个人合作经营协议书
2014/11/01 职场文书
2014幼儿园保育员工作总结
2014/11/10 职场文书
JS前端轻量fabric.js系列之画布初始化
2022/08/05 Javascript