jQuery时间日期三级联动(推荐)
火星的你 2016-11-27
废话不多说了，直接给大家贴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时间日期三级联动效果，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
相关推荐
85443563 0喜欢 / 0评论 2018-12-07
thomas0yang 0喜欢 / 0评论 2019-06-28
xian 0喜欢 / 0评论 2016-11-10
小丫00 0喜欢 / 0评论 2013-12-21
Raindan 0喜欢 / 0评论 2012-11-13
yyzhu 0喜欢 / 0评论 2011-08-15
GUAOSHITAIDU 0喜欢 / 0评论 2011-07-12
rou 0喜欢 / 0评论 2011-04-27
夜光寒 0喜欢 / 0评论 2016-12-30
theRoom 0喜欢 / 0评论 2015-03-16
wangchunbo空间 0喜欢 / 0评论 2015-04-14
卜小娴 0喜欢 / 0评论 2015-03-11
mzoy 0喜欢 / 0评论 2016-05-26
luantianjiao 0喜欢 / 0评论 2016-04-12
mjx00 0喜欢 / 0评论 2016-02-05
86590891 0喜欢 / 0评论 2019-04-24
88417615 0喜欢 / 0评论 2019-04-18
somboy 0喜欢 / 0评论 2011-10-23
zgzczzw 0喜欢 / 0评论 2011-05-09
83457500 0喜欢 / 0评论 2011-11-15
boonyaxnn 0喜欢 / 0评论 2019-04-07
ElementZW 0喜欢 / 0评论 2007-08-13
waitan0 0喜欢 / 0评论 2013-04-12
xiaoheizhuoer 0喜欢 / 0评论 2010-07-19
备忘录IOS知识等 0喜欢 / 0评论 2009-09-03
jsjqjy 0喜欢 / 0评论 2009-03-21
BitTigerio 0喜欢 / 0评论 2018-04-21
BAT 批处理程序 0喜欢 / 0评论 2017-05-08
BAT 批处理程序 0喜欢 / 0评论 2017-05-03
Jscript 0喜欢 / 0评论 2017-01-10
编程爱好者联盟 0喜欢 / 0评论 2016-12-20
Jscript 0喜欢 / 0评论 2016-10-15
Jscript 0喜欢 / 0评论 2016-10-06