建站
咨询
售后
建站咨询
jQuery实现动态生成年月日级联下拉列表示例
本文实例讲述了jQuery实现动态生成年月日级联下拉列表。分享给大家供大家参考，具体如下：
成都创新互联公司主营西丰网站建设的网络公司,主营网站建设方案,重庆App定制开发,西丰h5重庆小程序开发搭建,西丰网站营销推广欢迎西丰等地区企业咨询
html代码：
JS代码：
$(function(){
var i=1945;
var date=new Date();
var year=date.getFullYear();//获取当前年份
var dropList;
for(var i;i<2017;i++){
if(i==year){
dropList=dropList+"";
}else {
dropList=dropList+"";
}
}
$('#dateForm select[name=year]').html(dropList);//生成年份下拉列表
var monthly;
for(var j=1;j<13;j++){
monthly=monthly+''
}
$('#dateForm select[name=month]').html(monthly);//生成月份下拉列表
var daily;
for(var day=1;day<=31;day++){
daily=daily+'';
}
$('#dateForm select[name=day]').html(daily);
$('#dateForm select[name=month]').change(function(){
var currentDay;
var total;
var flag=$('#dateForm select[name=year]:selected').val();
var currentMonth=$('#dateForm select[name=month]').val();
switch (currentMonth){
case "1":
case "3":
case "5":
case "7":
case "8":
case "10":
case "12":total=31;break;
case "4":
case "6":
case "9":
case "11":total=30;break;
case "2":
//闰年 整除4但是不整除100 或者整除400
if( (flag%4==0 && flag%100!=0 ) || flag%400){
total=29;
}else {
total=28;
}
default :break
}
for(day=1;day<=total;day++){
currentDay=currentDay+''
}
$('#dateForm select[name=day]').html(currentDay);//生成日期下拉列表
});
});
PS：这里再为大家推荐几款时间及日期相关工具供大家参考使用：
在线日期/天数计算器：
http://tools.jb51.net/jisuanqi/date_jisuanqi
在线日期计算器/相差天数计算器：
http://tools.jb51.net/jisuanqi/datecalc
在线日期天数差计算器：
http://tools.jb51.net/jisuanqi/onlinedatejsq
Unix时间戳(timestamp)转换工具：
http://tools.jb51.net/code/unixtime
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery日期与时间操作技巧总结》、《jQuery扩展技巧总结》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
当前题目：jQuery实现动态生成年月日级联下拉列表示例
当前URL：http://www.jxjierui.cn/article/jpepci.html
