微信小程序页面设计_jQuery完成动态生成年月日级联下拉列表明例

jQuery实现动态生成年月日级联下拉列表示例       这篇文章主要介绍了jQuery实现动态生成年月日级联下拉列表,结合具体实例形式分析了jQuery日期时间运算构造级联下拉列表相关操作技巧,需要的朋友可以参考下

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

html代码:

 form name="form1" id="dateForm" 
 select name="year" /select 年
 select name="month" /select 月
 select name="day" /select 日
 /form 

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+" option value='"+i+"' selected "+i+" /option 
 }else {
 dropList=dropList+" option value='"+i+"' "+i+" /option 
 $('#(dropList);//生成年份下拉列表
 var monthly;
 for(var j=1;j j++){
 monthly=monthly+' option value="'+j+'" '+j+' /option '
 $('#(monthly);//生成月份下拉列表
 var daily;
 for(var day=1;day day++){
 daily=daily+' option value="'+day+'" '+day+' /option 
 $('#(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+' option value="'+day+'" '+day+' /option '
 $('#(currentDay);//生成日期下拉列表

凡科抠图:这里再为大家推荐几款时间及日期相关工具供大家参考使用:

在线日期/天数计算器:

在线日期计算器/相差天数计算器:

在线日期天数差计算器:

Unix时间戳(timestamp)转换工具:

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》及《》

希望本文所述对大家jQuery程序设计有所帮助。


相关阅读