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 相关文章推荐
js onclick事件传参讲解
Nov 06 Javascript
JavaScript实现的MD5算法完整实例
Feb 02 Javascript
基于BootStrap Metronic开发框架经验小结【一】框架总览及菜单模块的处理
May 12 Javascript
完美解决jQuery的hover事件在IE中不停闪动的问题
Feb 10 Javascript
利用JavaScript如何查询某个值是否数组内
Jul 30 Javascript
vue移动端微信授权登录插件封装的实例
Aug 28 Javascript
值得收藏的八个常用的js正则表达式
Oct 19 Javascript
express中static中间件的具体使用方法
Oct 17 Javascript
稍微学一下Vue的数据响应式(Vue2及Vue3区别)
Nov 21 Javascript
file-loader打包图片文件时路径错误输出为[object-module]的解决方法
Jan 03 Javascript
Vue开发中遇到的跨域问题及解决方法
Feb 11 Javascript
基于JavaScript实现表格隔行换色
May 08 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 异常处理实现代码
2009/03/10 PHP
开启PHP的伪静态模式
2015/12/31 PHP
javascript 动态设置已知select的option的value值的代码
2009/12/16 Javascript
javascript操作字符串的原生方法
2014/12/22 Javascript
js判断登录与否并确定跳转页面的方法
2015/01/30 Javascript
微信小程序 底部导航栏目开发资料
2016/12/05 Javascript
如何解决vue与传统jquery插件冲突
2017/03/20 Javascript
Vue2.x中的父子组件相互通信的实现方法
2017/05/02 Javascript
详解ES6之用let声明变量以及let loop机制
2017/07/15 Javascript
Vue props用法详解(小结)
2018/07/03 Javascript
jQuery实现鼠标移入显示蒙版效果
2020/01/11 jQuery
python人人网登录应用实例
2014/09/26 Python
python实现根据ip地址反向查找主机名称的方法
2015/04/29 Python
Google开源的Python格式化工具YAPF的安装和使用教程
2016/05/31 Python
python按行读取文件,去掉每行的换行符\n的实例
2018/04/19 Python
详解用Python练习画个美队盾牌
2019/03/23 Python
TensorFlow实现简单的CNN的方法
2019/07/18 Python
Python PO设计模式的具体使用
2019/08/16 Python
django自带调试服务器的使用详解
2019/08/29 Python
python调用摄像头的示例代码
2020/09/28 Python
python 用opencv实现霍夫线变换
2020/11/27 Python
Html5移动端弹幕动画实现示例代码
2018/08/27 HTML / CSS
ghd官网:英国ghd直发器品牌
2018/05/04 全球购物
来自Ocado的宠物商店:Fetch
2018/07/10 全球购物
Farfetch美国:奢侈品牌时尚购物平台
2019/05/02 全球购物
德国最大的网上足球商店:11teamsports
2019/09/11 全球购物
司机职责范本
2014/03/08 职场文书
领导班子自我剖析材料
2014/08/16 职场文书
2014年酒店工作总结与计划
2014/11/17 职场文书
大学生实习推荐信
2015/03/27 职场文书
年会主持人开场白台词
2015/05/29 职场文书
远程教育培训心得体会
2016/01/09 职场文书
mysql多表查询-笔记七
2021/04/05 MySQL
解决numpy数组互换两行及赋值的问题
2021/04/17 Python
基于PostgreSQL/openGauss 的分布式数据库解决方案
2021/12/06 PostgreSQL
Javascript中Microtask和Macrotask鲜为人知的知识点
2022/04/02 Javascript