jQuery时间日期三级联动(推荐)
2019/6/27 21:37:28
本文主要是介绍jQuery时间日期三级联动(推荐),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
废话不多说了,直接给大家贴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时间日期三级联动(推荐)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-07-06vue 新建功能多条数据(还没和后端交互)还能看详情 数据是前端缓存到本地吗?-icode9专业技术文章分享
- 2024-05-30React Native常用组件-点击组件
- 2024-05-30uniapp+vue3+uv-ui手机端后台OA管理模板
- 2024-05-29Python网络爬虫的时候json=就是让你少写个json.dumps()
- 2024-05-27React Native常用组件-展示组件
- 2024-05-27React Native常用组件-列表组件
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode