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 相关文章推荐
IE6图片加载的一个BUG解决方法
Jul 13 Javascript
js弹出层包含flash 不能关闭隐藏的2种处理方法
Jun 17 Javascript
使用GruntJS链接与压缩多个JavaScript文件过程详解
Aug 02 Javascript
滚动条响应鼠标滑轮事件实现上下滚动的js代码
Jun 30 Javascript
jQuery的Each比JS原生for循环性能慢很多的原因
Jul 05 Javascript
利用select实现年月日三级联动的日期选择效果【推荐】
Dec 13 Javascript
js实现选项卡内容切换以及折叠和展开效果【推荐】
Jan 08 Javascript
微信小程序movable view移动图片和双指缩放实例代码
Aug 08 Javascript
vue实现手机号码抽奖上下滚动动画示例
Oct 18 Javascript
vue中img src 动态加载本地json的图片路径写法
Apr 25 Javascript
详细讲解如何创建, 发布自己的 Vue UI 组件库
May 29 Javascript
vue webpack build资源相对路径的问题及解决方法
Jun 04 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
discuz论坛 用户登录 后台程序代码
2008/11/27 PHP
php 引用(&amp;)详解
2009/11/20 PHP
PHP命名空间(Namespace)的使用详解
2013/05/04 PHP
php session_start()出错原因分析及解决方法
2013/10/28 PHP
PHP SPL标准库之数据结构堆(SplHeap)简单使用实例
2015/05/12 PHP
Apache连接PHP后无法启动问题解决思路
2015/06/18 PHP
thinkphp多层MVC用法分析
2015/12/30 PHP
thinkPHP2.1自定义标签库的导入方法详解
2016/07/20 PHP
JQuery AJAX实现目录浏览与编辑的代码
2008/10/21 Javascript
Js获取事件对象代码
2010/08/05 Javascript
从数据结构分析看:用for each...in 比 for...in 要快些
2013/04/17 Javascript
基于jQuery实现的QQ表情插件
2015/08/25 Javascript
JavaScript:Array类型全面解析
2016/05/19 Javascript
AngularJS模板加载用法详解
2016/11/04 Javascript
Vue2.x中的父子组件相互通信的实现方法
2017/05/02 Javascript
基于js中this和event 的区别(详解)
2017/10/24 Javascript
JavaScript中Require调用js的实例分享
2017/10/27 Javascript
vue input输入框模糊查询的示例代码
2018/05/22 Javascript
vue3.0 CLI - 2.1 -  component 组件入门教程
2018/09/14 Javascript
微信小程序实现日历效果
2018/12/28 Javascript
js canvas实现俄罗斯方块
2020/10/11 Javascript
[59:26]DOTA2上海特级锦标赛D组资格赛#1 EG VS VP第二局
2016/02/28 DOTA
Python+Socket实现基于UDP协议的局域网广播功能示例
2017/08/31 Python
使用Python进行目录的对比方法
2018/11/01 Python
python2.7 安装pip的方法步骤(管用)
2019/05/05 Python
解决pyecharts运行后产生的html文件用浏览器打开空白
2020/03/11 Python
利用jupyter网页版本进行python函数查询方式
2020/04/14 Python
Python使用Chrome插件实现爬虫过程图解
2020/06/09 Python
jupyter使用自动补全和切换默认浏览器的方法
2020/11/18 Python
20世纪40年代连衣裙和复古服装:The Seamstress Of Bloomsbury
2018/07/24 全球购物
应届生保险求职信
2013/11/11 职场文书
应届护士求职信范文
2014/01/26 职场文书
《数星星的孩子》教学反思
2014/04/11 职场文书
2015年中学图书馆工作总结
2015/07/22 职场文书
小学一年级数学教学反思
2016/02/16 职场文书
Python加密技术之RSA加密解密的实现
2022/04/08 Python