jQuery时间日期三级联动(推荐)

2019-11-19 18:48:38

字体：大中小

来源：转载

供稿：网友

废话不多说了，直接给大家贴js代码了，具体代码如下所述：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  <script src="js/jquery-1.7.2.min.js"></script>  <title></title></head><body>  <form id="form1" runat="server">  <div>    <asp:DropDownList ID="dr_year" runat="server"></asp:DropDownList>年    <asp:DropDownList ID="dr_month" runat="server"></asp:DropDownList>月    <asp:DropDownList ID="dr_day" runat="server"></asp:DropDownList>日  </div>  </form></body></html><script>  var days = 0;  years();  months();  Days();  var date = new Date();  $("#dr_year").val(date.getFullYear());  $("#dr_month").val((date.getMonth() + 1));  $("#dr_day").val(date.getDate());  $("#dr_year").change(function () {    months();    Days();  });  $("#dr_month").change(function () {    Days();  });  function years()  {    for(var i=1900;i<=2100;i++)    {      var str = "<option value=/"" + i + "/">" + i+ "</option>";      $("#dr_year").append(str);    }  }  function months() {    $("#dr_month").empty();    for (var i = 1; i <= 12; i++) {      var str = "<option value=/"" + i + "/">" + i + "</option>";      $("#dr_month").append(str);    }  }  function Days() {    $("#dr_day").empty();    if (parseInt($("#dr_month").val()) == 1 || parseInt($("#dr_month").val()) == 3 || parseInt($("#dr_month").val()) == 5 || parseInt($("#dr_month").val()) == 7 || parseInt($("#dr_month").val()) == 8 || parseInt($("#dr_month").val()) == 10 || parseInt($("#dr_month").val()) == 12) {      days = 31;    }    else if (parseInt($("#dr_month").val()) == 4 || parseInt($("#dr_month").val()) == 6 || parseInt($("#dr_month").val()) == 9 || parseInt($("#dr_month").val()) == 11) {      days = 30;    }    else {      if (parseInt($("#dr_year").val()) % 400 == 0 || (parseInt($("#dr_year").val()) % 4 == 0 && parseInt($("#dr_year").val()) % 100 != 0)) {        days = 29;      }      else {        days = 28;      }    }    for (var i = 1; i <= days; i++) {      var str = "<option value=/"" + i + "/">" + i + "</option>";      $("#dr_day").append(str);    }  }</script>

以上所述是小编给大家分享的jQuery时间日期三级联动效果，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

上一篇：Web前端开发之水印、图片验证码

下一篇：Jquery 整理元素选取、常用方法一览表