奈寻味导航网 » 文章资讯 » jQuery实现动态生成年月日级联下拉列表示例

jQuery实现动态生成年月日级联下拉列表示例

2023-08-23 15:53:03 237

本文实例讲述了jQuery实现动态生成年月日级联下拉列表。分享给大家供大家参考，具体如下：

html代码：


年
月
日

JS代码：

$(function(){
vari=1945;
vardate=newDate();
varyear=date.getFullYear();//获取当前年份
vardropList;
for(vari;i<2017;i++){
if(i==year){
dropList=dropList+""+i+"";
}else{
dropList=dropList+""+i+"";
}
}
$('#dateFormselect[name=year]').html(dropList);//生成年份下拉列表
varmonthly;
for(varj=1;j<13;j++){
monthly=monthly+''+j+''
}
$('#dateFormselect[name=month]').html(monthly);//生成月份下拉列表
vardaily;
for(varday=1;day<=31;day++){
daily=daily+''+day+'';
}
$('#dateFormselect[name=day]').html(daily);
$('#dateFormselect[name=month]').change(function(){
varcurrentDay;
vartotal;
varflag=$('#dateFormselect[name=year]:selected').val();
varcurrentMonth=$('#dateFormselect[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+''+day+''
}
$('#dateFormselect[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程序设计有所帮助。

返回顶部
3162201930
czq8825@qq.com

jQuery实现动态生成年月日级联下拉列表示例

热门推荐

随机推荐