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 原型模式实现OOP的再研究
Apr 09 Javascript
js中查找最近的共有祖先元素的实现代码
Dec 30 Javascript
Node.js开发之访问Redis数据库教程
Jan 14 Javascript
基于JS组件实现拖动滑块验证功能(代码分享)
Nov 18 Javascript
Jquery实现跨域异步上传文件总结
Feb 03 Javascript
使用jQuery ajaxupload插件实现无刷新上传文件
Apr 23 jQuery
浅谈基于Vue.js的移动组件库cube-ui
Dec 20 Javascript
JavaScript数据结构与算法之检索算法示例【二分查找法、计算重复次数】
Feb 22 Javascript
深入浅析nuxt.js基于ssh的vue通用框架
May 21 Javascript
浅谈Vue项目骨架屏注入实践
Aug 05 Javascript
JavaScript利用键盘码控制div移动
Mar 19 Javascript
Vue2.x-使用防抖以及节流的示例
Mar 02 Vue.js
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图片验证码实例
2014/03/21 PHP
php数组索引的Key加引号和不加引号的区别
2014/08/19 PHP
CI(CodeIgniter)模型用法实例分析
2016/01/20 PHP
Yii2中如何使用modal弹窗(基本使用)
2016/05/30 PHP
Yii2.0框架模型多表关联查询示例
2019/07/18 PHP
php 的多进程操作实践案例分析
2020/02/28 PHP
JavaScript(JS) 压缩 / 混淆 / 格式化 批处理工具
2010/12/10 Javascript
现代 JavaScript 开发编程风格Idiomatic.js指南中文版
2014/05/28 Javascript
JavaScript中的关联数组问题
2015/03/04 Javascript
Easyui Treegrid改变默认图标的方法
2016/04/29 Javascript
JavaScript 数组中最大最小值
2016/06/05 Javascript
jQuery 更改checkbox的状态,无效的解决方法
2016/07/22 Javascript
利用策略模式与装饰模式扩展JavaScript表单验证功能
2017/02/14 Javascript
Vue自定义事件(详解)
2017/08/19 Javascript
JavaScript中的高级函数
2018/01/04 Javascript
微信小程序实现蒙版弹窗效果
2018/11/01 Javascript
koa2 用户注册、登录校验与加盐加密的实现方法
2019/07/22 Javascript
[02:12]打造更好的电竞完美世界:完美盛典回顾篇
2018/12/19 DOTA
pycharm 使用心得(八)如何调用另一文件中的函数
2014/06/06 Python
基于python实现微信模板消息
2015/12/21 Python
python文件名和文件路径操作实例
2017/09/29 Python
python读取文件名称生成list的方法
2018/04/27 Python
Python:Numpy 求平均向量的实例
2019/06/29 Python
pytorch的梯度计算以及backward方法详解
2020/01/10 Python
Python集合操作方法详解
2020/02/09 Python
Python列表如何更新值
2020/05/27 Python
python如何变换环境
2020/07/21 Python
Python通过队列来实现进程间通信的示例
2020/10/14 Python
手工制作的意大利礼服鞋:Ace Marks
2018/12/15 全球购物
介绍一下OSI七层模型
2012/07/03 面试题
航空大学应届生求职信
2013/11/10 职场文书
日语专业推荐信
2013/11/12 职场文书
软件部经理岗位职责范本
2014/02/25 职场文书
2015民办小学年度工作总结
2015/05/26 职场文书
幼儿园小班开学寄语
2015/05/27 职场文书
疾病证明书
2015/06/19 职场文书