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 相关文章推荐
入门基础学习 ExtJS笔记(一)
Nov 11 Javascript
js 与 php 通过json数据进行通讯示例
Mar 26 Javascript
jQuery中[attribute!=value]选择器用法实例
Dec 31 Javascript
简单的jQuery入门指引
Jul 28 Javascript
JavaScript的代码编写格式规范指南
Dec 07 Javascript
Vue.js 2.0学习教程之从基础到组件详解
Apr 24 Javascript
Vue路由跳转问题记录详解
Jun 15 Javascript
微信小程序实现自上而下字幕滚动
Jul 14 Javascript
微信小程序顶部导航栏滑动tab效果
Jan 28 Javascript
扫微信小程序码实现网站登陆实现解析
Aug 20 Javascript
vue中el-input绑定键盘按键(按键修饰符)
Jul 22 Javascript
TS 类型收窄教程示例详解
Sep 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
PHP解决中文乱码
2017/04/28 PHP
javascript数字数组去重复项的实现代码
2010/12/30 Javascript
JavaScript 和 Java 的区别浅析
2013/07/31 Javascript
jQuery+ajax实现鼠标单击修改内容的思路
2014/06/29 Javascript
JavaScript实现16进制颜色值转RGB的方法
2015/02/09 Javascript
jQuery+AJAX实现无刷新下拉加载更多
2015/07/03 Javascript
js验证真实姓名与身份证号是否匹配
2015/10/13 Javascript
探究JavaScript函数式编程的乐趣
2015/12/14 Javascript
2016年最热门的15 款代码语法高亮工具,美化你的代码
2016/01/06 Javascript
Jquery Easyui搜索框组件SearchBox使用详解(19)
2016/12/17 Javascript
js微信支付实现代码
2016/12/22 Javascript
JavaScript中set与get方法用法示例
2018/08/15 Javascript
js module大战
2019/04/19 Javascript
vue组件 keep-alive 和 transition 使用详解
2019/10/11 Javascript
Layui数据表格之单元格编辑方式
2019/10/26 Javascript
javascript 代码是如何被压缩的示例代码
2020/05/06 Javascript
[03:37]2016完美“圣”典 风云人物:Mikasa专访
2016/12/07 DOTA
在Python程序中操作文件之flush()方法的使用教程
2015/05/24 Python
Python中logging.NullHandler 的使用教程
2018/11/29 Python
Mac 使用python3的matplot画图不显示的解决
2019/11/23 Python
基于python3实现倒叙字符串
2020/02/18 Python
python pymysql链接数据库查询结果转为Dataframe实例
2020/06/05 Python
完美解决keras保存好的model不能成功加载问题
2020/06/11 Python
详解Python 最短匹配模式
2020/07/29 Python
通过实例解析Python文件操作实现步骤
2020/09/21 Python
python 读取、写入txt文件的示例
2020/09/27 Python
基于HTML5的WebGL经典3D虚拟机房漫游动画
2017/11/15 HTML / CSS
德国网上花店:Valentins
2018/08/15 全球购物
自我评价怎么写好呢?
2013/12/05 职场文书
资金主管岗位职责范本
2014/03/04 职场文书
农民工讨薪标语
2014/06/26 职场文书
关于对大人不礼貌的检讨书
2014/09/29 职场文书
机关党员四风问题个人整改措施
2014/10/26 职场文书
预防职务犯罪警示教育心得体会
2016/01/15 职场文书
关于做家务的心得体会
2016/01/23 职场文书
2016年读书月活动总结范文
2016/04/06 职场文书