js年月日三级联动
2016-03-16 09:06
519 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>三级联动-年月日</title> <script type="text/javascript" src="getDates.js"> </script> </head> <body> <select name="year" onchange="initDate()"> <script type="text/javascript"> <!--在 FF等浏览器内getYear()返回的是 "当前年份-1900" 的值--> var year=new Date().getFullYear(); for(var i = year - 30;i <= year + 30; i++){ document.write("<option value=" + i + ">" + i + "</option>"); } </script> </select> <select name="month" onchange="initDate()"> <script type="text/javascript"> for(var i = 1; i <= 12; i++){ document.write("<option value=" + i + ">" + i + "</option>"); } </script> </select> <select name="day"> <script type="text/javascript"> for(var i = 1; i <= 31; i++){ document.write("<option value=" + i + ">" + i + "</option>"); } </script> </select> </body> <script type="text/javascript"> function append(o,v){ var option=new Option(v,v); o.options.add(option); } function initDate(){ var y = document.getElementsByName("year")[0].value; var m = document.getElementsByName("month")[0].value; var day=document.getElementsByName("day")[0]; day.innerHTML=""; if(m==1 || m==3 || m==5 || m==7 || m==8 || m==10 || m==12){ for(var j = 1; j <= 31; j++){ append(day,j); } } else if(m==4 || m==6 || m==9 || m==11){ for(var j = 1; j <= 30; j++){ append(day,j); } } else if(m == 2){ var flag = (y % 4 == 0)&& (y % 100 != 0) || (y % 400 == 0); if(flag){ for(var j = 1; j <= 29; j++){ append(day,j); } } else{ for(var j = 1;j <= 28; j++){ append(day,j); } } } } </script> </html>
相关文章推荐
- JSP的九大内置对象
- (四)ExtJs自定义弹出框(show)
- bzoj 1823: [JSOI2010]满汉全席
- bzoj 1821: [JSOI2010]Group 部落划分 Group
- javascript由浅入深
- Ajax
- JS积累
- 利用Leap Motion+JS 实现简易的隔空网页画板
- 再看《JavaScript高级程序设计》第1-4章
- 原生JS实现平滑回到顶部组件
- Javascript的表单验证长度
- javascript中arguments,callee,caller详解
- js实现内容显示并使用json传输数据
- js获取时间精确到秒(年月日)
- js纯数字逐一停止显示效果的实现代码
- 浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结
- 教你用javascript实现随机标签云效果_附代码
- 盘点javascript 正则表达式中 中括号的【坑】
- JS 弹出层 定位至屏幕居中
- JSON数据格式