jQuery时间日期三级联动(推荐)
废话不多说了,直接给大家贴js代码了,具体代码如下所述:
<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default3.aspx.cs"Inherits="Default3"%> <!DOCTYPEhtml> <htmlxmlns="http://www.w3.org/1999/xhtml"> <headrunat="server"> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <scriptsrc="js/jquery-1.7.2.min.js"></script> <title></title> </head> <body> <formid="form1"runat="server"> <div> <asp:DropDownListID="dr_year"runat="server"></asp:DropDownList>年 <asp:DropDownListID="dr_month"runat="server"></asp:DropDownList>月 <asp:DropDownListID="dr_day"runat="server"></asp:DropDownList>日 </div> </form> </body> </html> <script> vardays=0; years(); months(); Days(); vardate=newDate(); $("#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(); }); functionyears() { for(vari=1900;i<=2100;i++) { varstr="<optionvalue=\""+i+"\">"+i+"</option>"; $("#dr_year").append(str); } } functionmonths(){ $("#dr_month").empty(); for(vari=1;i<=12;i++){ varstr="<optionvalue=\""+i+"\">"+i+"</option>"; $("#dr_month").append(str); } } functionDays(){ $("#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; } elseif(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(vari=1;i<=days;i++){ varstr="<optionvalue=\""+i+"\">"+i+"</option>"; $("#dr_day").append(str); } } </script>
以上所述是小编给大家分享的jQuery时间日期三级联动效果,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!