js日期联动示例


Posted in Javascript onMay 02, 2014

调试需加入jquery文件

<!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"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script src="jquery.js"></script> 
<script> 
$(function(){ 
$('#year').change(function(){ 
if (ifLeapYear($(this).val())) 
{ 
if ($('#month').val() == 2 && $('#day').children().length == 29) 
{ 
$('#day').append('<option value="29">29</option>'); 
} 
} else 
{ 
if ($('#month').val() == 2 && $('#day').children().length == 30) 
{ 
$('#day :last-child').remove(); 
} 
} 
}); $('#month').change(function(){ 
var thisValue = $(this).val(); 
var dayValue = $('#day').val(); 
var month1 = ['4','6','9','11']; 
$('#day').html('<option value="">-请选择-</option>'); 
var day = ''; 
if (thisValue == '') 
{ 
return false; 
} 
if ($.inArray(thisValue, month1) != -1) 
{ 
day = setDay(30); 
$('#day').append(day); 
} else if ($(this).val() == '2') 
{ 
if ($('#year').val() != '' && ifLeapYear($('#year').val())) 
{ 
day = setDay(29); 
} else 
{ 
day = setDay(28); 
} 
$('#day').append(day); 
} else 
{ 
day = setDay(31); 
$('#day').append(day); 
} 
$('#day').find('option[value='+dayValue+']').attr('selected',true); 
}); 
}) 
function setDay(day) 
{ 
var dayInfo = ''; 
for (var i=1; i<=day; i++) 
{ 
dayInfo += '<option value="' + i +'">' + i+ '</option>'; 
} 
return dayInfo; 
} 
function ifLeapYear(year) 
{ 
if ((year % 4 == 0 && year % 100 != 0) || year % 400 == 0) 
{ 
return true; 
} else 
{ 
return false; 
} 
} 
</script> 
<select id="year"><option value="">-请选择-</option> 
<?php for ($i=1980;$i<2012;$i++){ ?> 
<option value="<?php echo $i ?>"><?php echo $i ?></option> 
<?php } ?> 
</select>年 
<select id="month"><option value="">-请选择-</option> 
<?php for ($i=1;$i<=12;$i++){ ?> 
<option value="<?php echo $i ?>"><?php echo $i ?></option> 
<?php } ?> 
</select>月 
<select id="day"><option value="">-请选择-</option></select>日
Javascript 相关文章推荐
JavaScript 拖拉缩放效果
Dec 10 Javascript
屏蔽F1~F12的快捷键的js函数
May 06 Javascript
学习JavaScript的最佳方法分享
Oct 21 Javascript
玩转jQuery按钮 请告诉我你最喜欢哪些?
Jan 08 Javascript
理解Javascript闭包
Nov 01 Javascript
使用js实现按钮控制文本框加1减1应用于小时+分钟
Dec 09 Javascript
控制input输入框中提示信息的显示和隐藏的方法
Feb 12 Javascript
JavaScript实现瀑布流布局
Jun 28 Javascript
bootstrap table之通用方法( 时间控件,导出,动态下拉框, 表单验证 ,选中与获取信息)代码分享
Jan 24 Javascript
Vue中建立全局引用或者全局命令的方法
Aug 21 Javascript
JS实现区分中英文并统计字符个数的方法示例
Jun 09 Javascript
JS获取子节点、父节点和兄弟节点的方法实例总结
Jul 06 Javascript
jQuery实现的多选框多级联动插件
May 02 #Javascript
自己使用js/jquery写的一个定制对话框控件
May 02 #Javascript
将form表单中的元素转换成对象的方法适用表单提交
May 02 #Javascript
jQuery简单图表peity.js使用示例
May 02 #Javascript
jsPDF导出pdf示例
May 02 #Javascript
ExtJS4利根据登录后不同的角色分配不同的树形菜单
May 02 #Javascript
ExtJS4给Combobox设置列表中的默认值示例
May 02 #Javascript
You might like
php横向重复区域显示二法
2008/09/25 PHP
php self,$this,const,static,-&amp;gt;的使用
2009/10/22 PHP
PHP实现时间轴函数代码
2011/10/08 PHP
php fsockopen中多线程问题的解决办法[翻译]
2011/11/09 PHP
ThinkPHP中处理表单中的注意事项
2014/11/22 PHP
PHP正则验证Email的方法
2015/06/15 PHP
用JavaScrpt实现文件夹简单轻松加密的实现方法图文
2008/09/08 Javascript
jQuery UI-Draggable 参数集合
2010/01/10 Javascript
JavaScript中的闭包(Closure)详细介绍
2014/12/30 Javascript
jQuery制作效果超棒的手风琴折叠菜单
2015/04/03 Javascript
AngularJS 工作原理详解
2016/08/18 Javascript
vue.js指令v-model使用方法
2017/03/20 Javascript
详解利用Angular实现多团队模块化SPA开发框架
2017/11/27 Javascript
js实现图片3D轮播效果
2019/09/21 Javascript
js页面加载后执行的几种方式小结
2020/01/30 Javascript
Vue两个版本的区别和使用方法(更深层次了解)
2020/02/16 Javascript
Python中正则表达式详解
2017/05/17 Python
Django框架文件上传与自定义图片上传路径、上传文件名操作分析
2019/05/10 Python
Python FFT合成波形的实例
2019/12/04 Python
Pytorch 数据加载与数据预处理方式
2019/12/31 Python
浅析Python __name__ 是什么
2020/07/07 Python
Python selenium模块实现定位过程解析
2020/07/09 Python
Under Armour美国官网:美国知名高端功能性运动品牌
2016/09/05 全球购物
Melijoe英国官网:法国儿童时尚网站
2016/11/18 全球购物
Bowflex美国官方网站:高级家庭健身器材
2017/12/22 全球购物
英文版餐饮业求职信
2013/10/18 职场文书
集团公司党的群众路线教育实践活动工作总结
2014/03/03 职场文书
高等教育专业自荐信范文
2014/03/26 职场文书
电子商务专业应届毕业生求职信
2014/06/21 职场文书
建筑横幅标语
2014/10/09 职场文书
不尊敬老师检讨书范文
2014/11/19 职场文书
报案材料怎么写
2015/05/25 职场文书
2019大学竞选班长发言稿
2019/06/27 职场文书
创业计划书之书店
2019/09/10 职场文书
Nginx搭建rtmp直播服务器实现代码
2021/03/31 Servers
CSS中使用grid布局实现一套模板多种布局
2022/07/15 HTML / CSS