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 相关文章推荐
js 屏蔽鼠标右键脚本附破解方法
Dec 03 Javascript
JS图片无缝滚动(简单利于使用)
Jun 17 Javascript
jquery基础教程之数组使用详解
Mar 10 Javascript
jQuery将所有被选中的checkbox某个属性值连接成字符串的方法
Jan 24 Javascript
JavaScript检测上传文件大小的方法
Jul 22 Javascript
jQuery+canvas实现的球体平抛及颜色动态变换效果
Jan 28 Javascript
AngularJS基础 ng-cut 指令介绍及简单示例
Aug 01 Javascript
jQuery ajax MD5实现用户注册即时验证功能
Oct 11 Javascript
详解react-router 4.0 下服务器如何配合BrowserRouter
Dec 29 Javascript
angularjs下ng-repeat点击元素改变样式的实现方法
Sep 12 Javascript
微信小程序关键字变色实现代码实例
Dec 13 Javascript
JS实现烟花爆炸效果
Mar 10 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
overlord人气高涨,却被菲利普频繁举报,第四季很难在国内上映
2020/05/06 日漫
PHP添加MySQL数据记录代码
2008/06/07 PHP
无法在发生错误时创建会话,请检查 PHP 或网站服务器日志,并正确配置 PHP 安装最快的解决办法
2010/08/01 PHP
分享一下贝贝成长进度的php代码
2012/09/14 PHP
php小技巧之过滤ascii控制字符
2014/05/14 PHP
让textarea控件的滚动条怎是位与最下方
2007/04/20 Javascript
用JavaScript实现UrlEncode和UrlDecode的脚本代码
2008/07/23 Javascript
JS写的数字拼图小游戏代码[学习参考]
2008/10/29 Javascript
页面只能打开一次Cooike如何实现
2012/12/04 Javascript
JS控制一个DIV层在指定时间内消失的方法
2014/02/17 Javascript
HTML页面弹出居中可拖拽的自定义窗口层
2014/05/07 Javascript
AngularJS中的模块详解
2015/01/29 Javascript
C#中使用迭代器处理等待任务
2015/07/13 Javascript
jquery实现鼠标悬浮停止轮播特效
2020/08/20 Javascript
SelecT下拉框选中和取值的解决方法
2016/11/22 Javascript
Bootstrap fileinput文件上传组件使用详解
2017/06/06 Javascript
浅谈React深度编程之受控组件与非受控组件
2017/12/26 Javascript
基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果
2018/01/09 Javascript
微信小程序左滑动显示菜单功能的实现
2018/06/14 Javascript
Python中用memcached来减少数据库查询次数的教程
2015/04/07 Python
Python调用SQLPlus来操作和解析Oracle数据库的方法
2016/04/09 Python
python与sqlite3实现解密chrome cookie实例代码
2018/01/20 Python
深入了解和应用Python 装饰器 @decorator
2019/04/02 Python
使用Python完成15位18位身份证的互转功能
2019/11/06 Python
Python datetime 格式化 明天,昨天实例
2020/03/02 Python
HTML中meta标签及Keywords
2020/04/15 HTML / CSS
Expedia泰国:预订机票、酒店和旅游包(航班+酒店)
2016/09/27 全球购物
英国儿童鞋和靴子:Start-Rite
2019/05/06 全球购物
主管会计岗位责任制
2014/02/10 职场文书
职业女性的职业规划
2014/03/04 职场文书
入党积极分子评语
2014/05/04 职场文书
教师党员公开承诺事项
2014/05/28 职场文书
优秀党员自我评价范文
2014/09/15 职场文书
2014小学生国庆65周年演讲稿
2014/09/21 职场文书
《七月的天山》教学反思
2016/02/19 职场文书
win10下go mod配置方式
2021/04/25 Golang