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时间日期三级联动效果，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！