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 学习笔记(onchange等)
Nov 14 Javascript
JavaScript 模式之工厂模式(Factory)应用介绍
Nov 15 Javascript
浅析ajax请求json数据并用js解析(示例分析)
Jul 13 Javascript
jquery日历控件实现方法分享
Mar 07 Javascript
jquery实现类似淘宝星星评分功能实例
Sep 12 Javascript
很棒的Bootstrap选项卡切换效果
Jul 01 Javascript
简单的js计算器实现
Oct 26 Javascript
Bootstrap.css与layDate日期选择样式起冲突的解决办法
Apr 07 Javascript
js学习总结之DOM2兼容处理顺序问题的解决方法
Jul 27 Javascript
Javascript 编码约定(编码规范)
Mar 11 Javascript
JavaScript canvas绘制圆弧与圆形
Feb 18 Javascript
vue实现放大镜效果
Sep 17 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
造势之举?韩国总统候选人发布《星际争霸》地图
2017/04/22 星际争霸
10条PHP高级技巧[修正版]
2011/08/02 PHP
PHP开发Apache服务器配置
2015/07/15 PHP
JQUERY复选框CHECKBOX全选,取消全选
2008/08/30 Javascript
jquery 操作表格实现代码(多种操作打包)
2011/03/20 Javascript
javascript 函数声明与函数表达式的区别介绍
2013/10/05 Javascript
jquery 提示信息显示后自动消失的具体实现
2013/12/18 Javascript
深入理解JSON数据源格式
2014/01/10 Javascript
javascript操作excel生成报表全攻略
2014/05/04 Javascript
js中不同的height, top的区别对比
2015/09/24 Javascript
最简单的JavaScript图片轮播代码(两种方法)
2015/12/18 Javascript
js实现纯前端的图片预览
2016/04/27 Javascript
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
2017/10/20 jQuery
Angular 开发学习之Angular CLI的安装使用
2017/12/31 Javascript
JS基于for语句编写的九九乘法表示例
2018/01/04 Javascript
开发一个Parcel-vue脚手架工具(详细步骤)
2018/09/22 Javascript
记一次用vue做的活动页的方法步骤
2019/04/11 Javascript
Javascript幻灯片播放功能实现过程解析
2020/05/07 Javascript
基于ajax及jQuery实现局部刷新过程解析
2020/09/12 jQuery
在Python中使用Neo4j数据库的教程
2015/04/16 Python
python中enumerate函数用法实例分析
2015/05/20 Python
Python的shutil模块中文件的复制操作函数详解
2016/07/05 Python
python中实现将多个print输出合成一个数组
2018/04/19 Python
python循环嵌套的多种使用方法解析
2019/11/29 Python
Python3 A*寻路算法实现方式
2019/12/24 Python
python pptx复制指定页的ppt教程
2020/02/14 Python
Django DRF路由与扩展功能的实现
2020/06/03 Python
CSS3教程(5):网页背景图片
2009/04/02 HTML / CSS
super()与this()的区别
2016/01/17 面试题
会计专业自我鉴定
2014/02/10 职场文书
捐献物资倡议书范文
2014/05/19 职场文书
政协调研汇报材料
2014/08/15 职场文书
2015暑假打工实践报告
2015/07/13 职场文书
2016年情人节问候语
2015/11/11 职场文书
2016年读书月活动总结范文
2016/04/06 职场文书
90条交通安全宣传标语
2019/10/12 职场文书