jQuery时间日期三级联动(推荐)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jQuery时间日期三级联动(推荐),小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2146字,纯文字阅读大概需要4分钟。
内容图文
![jQuery时间日期三级联动(推荐)](/upload/InfoBanner/zyjiaocheng/349/760285c45e1a4dcdae330c2ee71148e2.jpg)
废话不多说了,直接给大家贴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时间日期三级联动效果,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
内容总结
以上是互联网集市为您收集整理的jQuery时间日期三级联动(推荐)全部内容,希望文章能够帮你解决jQuery时间日期三级联动(推荐)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源:【匿名】