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实现99乘法表及隔行变色实例代码
Feb 24 Javascript
jQuery实现的导航下拉菜单效果
Jul 04 Javascript
JavaScript SHA-256加密算法详细代码
Oct 06 Javascript
快速实现JS图片懒加载(可视区域加载)示例代码
Jan 04 Javascript
JS Input里添加小图标的两种方法
Nov 11 Javascript
jQuery实现模糊搜索功能的方法分析
Jun 29 jQuery
原生js检测页面加载完毕的实例
Sep 11 Javascript
微信小程序实现商品属性联动选择
Feb 15 Javascript
Vue动态创建注册component的实例代码
Jun 14 Javascript
详解mpvue开发微信小程序基础知识
Sep 23 Javascript
VUE-ElementUI 自定义Loading图操作
Nov 11 Javascript
JavaScript 原型与原型链详情
Nov 02 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 结果集的分页实现代码
2009/03/10 PHP
PHP大小写问题:函数名和类名不区分,变量名区分
2013/06/17 PHP
shell脚本作为保证PHP脚本不挂掉的守护进程实例分享
2013/07/15 PHP
destoon调用discuz论坛中带图片帖子的实现方法
2014/08/21 PHP
盘点PHP和ASP.NET的10大对比!
2015/12/24 PHP
php查询及多条件查询
2017/02/26 PHP
php微信开发之关注事件
2018/06/14 PHP
IE中jscript/javascript的条件编译
2006/09/07 Javascript
从javascript语言本身谈项目实战
2006/12/27 Javascript
ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题
2012/12/11 Javascript
jquery next nextAll nextUntil siblings的区别介绍
2013/10/05 Javascript
jQuery选择id属性带有点符号元素的方法
2015/03/17 Javascript
jQuery实现复选框批量选择与反选的方法
2015/06/17 Javascript
JS+CSS实现滑动切换tab菜单效果
2015/08/25 Javascript
Seajs 简易文档 提供简单、极致的模块化开发体验
2016/04/13 Javascript
使用vue.js实现联动效果的示例代码
2017/01/10 Javascript
微信小程序教程系列之新建页面(4)
2017/04/17 Javascript
JS仿QQ好友列表展开、收缩功能(第二篇)
2017/07/07 Javascript
Easyui 去除jquery-easui tab页div自带滚动条的方法
2019/05/10 jQuery
vue路由传参三种基本方式详解
2019/12/09 Javascript
前端vue如何使用高德地图
2020/11/05 Javascript
在Linux系统上部署Apache+Python+Django+MySQL环境
2015/12/24 Python
人生苦短我用python python如何快速入门?
2018/03/12 Python
python 矩阵增加一行或一列的实例
2018/04/04 Python
Python 实现数据结构-堆栈和队列的操作方法
2019/07/17 Python
使用django的ORM框架按月统计近一年内的数据方法
2019/07/18 Python
对Tensorflow中Device实例的生成和管理详解
2020/02/04 Python
Python 实现 T00ls 自动签到脚本代码(邮件+钉钉通知)
2020/07/06 Python
如何真正的了解python装饰器
2020/08/14 Python
教师节横幅标语
2014/10/08 职场文书
实习科室评语
2015/01/04 职场文书
运动会表扬稿范文
2015/05/05 职场文书
《飘》英文读后感五篇
2019/10/11 职场文书
世界各国短波电台对东亚播送时间频率表(SW)
2021/06/28 无线电
Python中如何处理常见报错
2022/01/18 Python
未发现nvidia显卡怎么办?Win11系统中未检测到nvidia显卡解决教程
2022/04/08 数码科技