国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery實(shí)現(xiàn)動(dòng)態(tài)生成年月日級(jí)聯(lián)下拉列表示例

2019-11-19 11:36:13
字體:
供稿:網(wǎng)友

本文實(shí)例講述了jQuery實(shí)現(xiàn)動(dòng)態(tài)生成年月日級(jí)聯(lián)下拉列表。分享給大家供大家參考,具體如下:

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();//獲取當(dāng)前年份  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>";    }  }  $('#dateForm select[name=year]').html(dropList);//生成年份下拉列表  var monthly;  for(var j=1;j<13;j++){    monthly=monthly+'<option value="'+j+'">'+j+'</option>'  }  $('#dateForm select[name=month]').html(monthly);//生成月份下拉列表  var daily;  for(var day=1;day<=31;day++){    daily=daily+'<option value="'+day+'">'+day+'</option>';  }  $('#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+'<option value="'+day+'">'+day+'</option>'    }    $('#dateForm select[name=day]').html(currentDay);//生成日期下拉列表  });});

PS:這里再為大家推薦幾款時(shí)間及日期相關(guān)工具供大家參考使用:

在線日期/天數(shù)計(jì)算器:
http://tools.VeVB.COm/jisuanqi/date_jisuanqi

在線日期計(jì)算器/相差天數(shù)計(jì)算器:
http://tools.VeVB.COm/jisuanqi/datecalc

在線日期天數(shù)差計(jì)算器:
http://tools.VeVB.COm/jisuanqi/onlinedatejsq

Unix時(shí)間戳(timestamp)轉(zhuǎn)換工具:
http://tools.VeVB.COm/code/unixtime

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jQuery日期與時(shí)間操作技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery常見經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)

希望本文所述對大家jQuery程序設(shè)計(jì)有所幫助。

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 当雄县| 常山县| 莲花县| 南和县| 铜鼓县| 宿州市| 洮南市| 股票| 故城县| 合阳县| 綦江县| 四平市| 南乐县| 融水| 定兴县| 甘德县| 青州市| 永康市| 利辛县| 平泉县| 丘北县| 通渭县| 北流市| 祁门县| 融水| 逊克县| 科尔| 遂平县| 图木舒克市| 探索| 大兴区| 胶南市| 喀喇沁旗| 武冈市| 沙雅县| 南江县| 上饶市| 盈江县| 开平市| 吕梁市| 田阳县|