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使用cookie
Feb 02 Javascript
JavaScript 语法集锦 脚本之家基础推荐
Nov 15 Javascript
JQuery实现表格中相同单元格合并示例代码
Jun 26 Javascript
jQuery的显示和隐藏方法与css隐藏的样式对比
Oct 18 Javascript
js判读浏览器是否支持html5的canvas的代码
Nov 18 Javascript
详解JavaScript对W3C DOM模版的支持情况
Jun 16 Javascript
js实现YouKu的漂亮搜索框效果
Aug 19 Javascript
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
Mar 29 Javascript
Mobile Web开发基础之四--处理手机设备的横竖屏问题
Aug 11 Javascript
vue实现条件判断动态绑定样式的方法
Sep 29 Javascript
js闭包的9个使用场景
Dec 29 Javascript
vue组件冲突之引用另一个组件出现组件不显示的问题
Apr 13 Vue.js
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
为什么夜间收到的中波电台比白天多
2021/03/01 无线电
C#使用PHP服务端的Web Service通信实例
2014/04/08 PHP
php socket客户端及服务器端应用实例
2014/07/04 PHP
Laravel 添加多语言提示信息的方法
2019/09/29 PHP
php远程请求CURL实例教程(爬虫、保存登录状态)
2020/12/10 PHP
javascript实现的在当前窗口中漂浮框的代码
2010/03/15 Javascript
swtich/if...else的替代语句
2015/08/16 Javascript
javascript实现2016新年版日历
2016/01/25 Javascript
简单了解JavaScript操作XPath的一些基本方法
2016/06/03 Javascript
简单的JS轮播图代码
2016/07/18 Javascript
移动端滑动插件Swipe教程
2016/10/16 Javascript
JS跨域请求外部服务器的资源
2017/02/06 Javascript
使用vue构建移动应用实战代码
2017/08/02 Javascript
Vue 进入/离开动画效果
2017/12/26 Javascript
angular将html代码输出为内容的实例
2018/09/30 Javascript
Vue Router 实现动态路由和常见问题及解决方法
2020/03/06 Javascript
js判断鼠标移入移出方向的方法
2020/06/24 Javascript
vue elementui tree 任意级别拖拽功能代码
2020/08/31 Javascript
Map与WeakMap类型在JavaScript中的使用详解
2020/11/18 Javascript
[52:02]完美世界DOTA2联赛PWL S2 FTD.C vs SZ 第一场 11.27
2020/11/30 DOTA
Python实现读取TXT文件数据并存进内置数据库SQLite3的方法
2017/08/08 Python
Python优先队列实现方法示例
2017/09/21 Python
Python中进程和线程的区别详解
2017/10/29 Python
pyqt5的QWebEngineView 使用模板的方法
2018/08/18 Python
python 顺时针打印矩阵的超简洁代码
2018/11/14 Python
python实现多进程通信实例分析
2019/09/01 Python
基于python+selenium的二次封装的实现
2020/01/06 Python
Python urllib request模块发送请求实现过程解析
2020/12/10 Python
CSS3制作缩略图的详细过程
2016/07/08 HTML / CSS
大四本科生的自我评价
2013/12/30 职场文书
复兴之路纪录片观后感
2015/06/02 职场文书
2016年大学生就业指导课心得体会
2015/10/09 职场文书
学习新党章心得体会2016
2016/01/15 职场文书
golang 语言中错误处理机制
2021/08/30 Golang
MySQL批量更新不同表中的数据
2022/05/11 MySQL
利用Python脚本写端口扫描器socket,python-nmap
2022/07/23 Python