- 浏览: 137672 次
- 性别:
- 来自: 广州
文章分类
最新评论
-
sjy:
谢谢你的分享精神,学习之。
使用过滤器验证是否登录 -
浮生如斯:
已用,挺好用的
使用过滤器验证是否登录 -
haiyangyiba:
想用EL的自定义函数,获取url重写上的地址,如{fn:req ...
EL自定义函数 -
yose:
楼主用的哪些包?怎么不列出来捏?
poi之WEB生成xls -
yose:
感谢楼主~··
poi之WEB生成xls
年默认加载到距离当前100年的年份,同时根据月份是否是闰年自动加载天数。。。 <table cellspacing="0" cellpadding="6" border="1"> <tr> <td> 出生日期: </td> <td bgcolor="#FFFFFF" class="td_left"> <select name="year" onchange="getDates()"> <script language="javascript" type="text/javascript"> var date=new Date(); var year=date.getYear(); //加载距离当前年份100年的所有年份。。。 for(var i=year;i>=year-100;i--){ document.write("<option value="+i+">"+i+"</option>"); } //创建option元素,并追加到指定select元素 function append(o,v){ var option=document.createElement("option"); option.value=v; option.innerText=v; o.appendChild(option); } //根据年月的值来加载日,判断了月份是否是闰年。。。 function getDates(){ 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=true; 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> </select> 年 <select name="month" onchange="getDates()"> <script language="javascript" type="text/javascript"> for(var i=1;i<=12;i++){ document.write("<option value="+i+">"+i+"</option>"); } </script> </select> 月 <select name="day"> <script language="javascript" type="text/javascript"> for(var i=1;i<=31;i++){ document.write("<option value="+i+">"+i+"</option>"); } </script> </select> 日 </td> </tr> </table>
- ymd.rar (762 Bytes)
- 下载次数: 211
评论
3 楼
igogo007
2008-08-12
日历来的更简洁,让用户操作三遍,不符合用户体验。
2 楼
hanhan7673
2008-08-12
谢谢了,代码我收藏了啊
1 楼
weiweichen1985
2008-04-28
今天项目跨浏览器测试,发现存在兼容性问题。。。
改了下。。。OK了,支持4种浏览器(IE,FireFox,Netscape,Maxthon)
改了下。。。OK了,支持4种浏览器(IE,FireFox,Netscape,Maxthon)
<!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=gbk" /> </head> <table cellspacing="0" cellpadding="6" border="1"> <tr> <td> 出生日期: </td> <td bgcolor="#FFFFFF" class="td_left"> <select name="year" onchange="getDates()"> <script language="javascript" type="text/javascript"> var date=new Date(); var year=date.getFullYear(); for(var i=year;i>=year-100;i--){ document.write("<option value="+i+">"+i+"</option>"); } function append(o,v){ //var option=document.createElement("option"); //option.value=v; //option.innerText=v; var option=new Option(v,v); //o.appendChild(option); o.options.add(option); } function getDates(){ 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=true; 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> </select> 年 <select name="month" onchange="getDates()"> <script language="javascript" type="text/javascript"> for(var i=1;i<=12;i++){ document.write("<option value="+i+">"+i+"</option>"); } </script> </select> 月 <select name="day"> <script language="javascript" type="text/javascript"> for(var i=1;i<=31;i++){ document.write("<option value="+i+">"+i+"</option>"); } </script> </select> 日 </td> </tr> </table> </html>
发表评论
-
关于setInterval定时器的使用示例
2008-05-16 13:30 1078<!DOCTYPE HTML PUBLIC &q ... -
输入时屏蔽特殊字符
2008-05-04 17:43 1931<script language="j ... -
IE浏览器愚弄了我。。。很郁闷
2008-04-25 14:34 791写了下面这样一个JS方法,要做一个无刷新效果,上面加了一行注释 ... -
页面加载时控制图片大小
2008-04-16 11:54 851<IMG src="../upload/28/ ... -
将页面地址添加收收藏夹
2008-04-16 11:53 942function addFavou(){ var cur ... -
表单验证类validator及其示例
2008-04-02 17:48 1132引用 <title>表单验 ... -
曾经的经典
2008-03-28 14:12 786引用 var xmlHttp; var dataDiv; va ... -
禁止鼠标右键
2008-03-26 13:01 776<BODY oncontextmenu="re ... -
支持多选的select
2007-10-26 11:33 1555<html> <head> ... -
图片移动不超出边界
2007-10-26 11:32 1702<!DOCTYPE HTML PUBLIC " ... -
控制图片大小
2007-10-26 11:22 1255/* 控制图片大小 ImgD:类型为img的in ... -
验证选择的图片
2007-10-26 11:21 1026/* 验证选择的图片 fileI ... -
判断浏览器类型
2007-10-26 11:19 1126/* 判断浏览器类型 */ function get ... -
第一个javascript prototype
2007-08-03 17:37 2109第一个javascript pr ...
相关推荐
用标准JavaScript实现的年月日下拉列表三级联动,支持IE6、FireFox3。
js代码,年月日三级联动,js三级联动年月日
前端js实现年月日三级联动 具体用法见https://blog.csdn.net/weixin_42245375/article/details/105664459
经典年月日三级联动 <html> <head> 年月日三下拉框联动 </title> ; charset=gb2312'> </head> <body> <form name=form1> (this.value)"> 请选择 年 </option> </select> (this.value)"> 选择 月 ...
js年月日3级联动js年月日3级联动js年月日3级联动js年月日3级联动js年月日3级联动js年月日3级联动js年月日3级联动
JS初始化年月日三级联动插件 创建三个select标签 id分别为 YYYY,MM,DD,
JS年月日三级联动下拉框日期选择代码,默认当前日期,代码附带详细中文注释,供大家参考。
NULL 博文链接:https://zhouxianglh.iteye.com/blog/678531
JS年月日三级联动下拉框日期选择代码
很好很强大的 js年月日三级联动。可以判断平闰年月
绝对好用,纯js的年月日三级联动(带平年闰年计算)
JS实现的年月日三级联动下拉框日期选择效果源码.zip
一个直制的JQuery 年月日三级下拉框联动 使用方法非常简单 <title>JQuery 年月日三下拉框联动 <script src="jquery-1.4.2.min.js" type="text/javascript"> <script src="JQSelect.js" type="text/javascript...
该代码是用javascript实现年月日的联动 不用数据库 自动识别平年闰年 方便实用
自己研究的简单点的类似QQ注册表单的年月日三级联动js代码,欢迎大家批评指正。年月日部分我是默认的1900年1月1日。呵呵
插件描述:年月日三级联动纯JS封装类精简插件。 参考示例:http://www.jq22.com/jquery-info5982
主要为大家详细介绍了js实现年月日表单三级联动,生日栏表单三级联动,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
JS实现年、月、日三级联动下拉菜单,无刷新效果
一个年月日三下拉框联动实现JS代码 (this.value)"> 请选择 年 (this.value)"> 选择 月 选择 日 </form>