jQuery時(shí)間日期三級(jí)聯(lián)動(dòng)(推薦)
廢話(huà)不多說(shuō)了,直接給大家貼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時(shí)間日期三級(jí)聯(lián)動(dòng)效果,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!
- jquery 日期分離成年月日的代碼
- jQuery實(shí)現(xiàn)倒計(jì)時(shí)(倒計(jì)時(shí)年月日可自己輸入)
- jQuery實(shí)現(xiàn)動(dòng)態(tài)生成年月日級(jí)聯(lián)下拉列表示例
- jquery中實(shí)現(xiàn)時(shí)間戳與日期相互轉(zhuǎn)換
- 獲取客戶(hù)端電腦日期時(shí)間js代碼(jquery)
- jQuery DateTimePicker 日期和時(shí)間插件示例
- jQuery帶時(shí)間的日期控件代碼分享
- jQuery移動(dòng)端日期(datedropper)和時(shí)間(timedropper)選擇器附源碼下載
- jquery仿蘋(píng)果的時(shí)間/日期選擇效果
- 貼近用戶(hù)體驗(yàn)的Jquery日期、時(shí)間選擇插件
- jQuery時(shí)間戳和日期相互轉(zhuǎn)換操作示例
- JavaScript自動(dòng)生成 年月范圍 選擇功能完整示例【基于jQuery插件】
相關(guān)文章
從零開(kāi)始學(xué)習(xí)jQuery (十) jQueryUI常用功能實(shí)戰(zhàn)
本文是實(shí)戰(zhàn)篇. 使用jQueryUI完成制作網(wǎng)站的大部分常用功能.2011-02-02html、css和jquery相結(jié)合實(shí)現(xiàn)簡(jiǎn)單的進(jìn)度條效果實(shí)例代碼
這篇文章主要介紹了html、css和jquery相結(jié)合實(shí)現(xiàn)簡(jiǎn)單的進(jìn)度條效果的實(shí)例代碼,這個(gè)進(jìn)度條特別簡(jiǎn)單,首先html里面的話(huà)就是一個(gè)div里面嵌套一個(gè)div,然后寫(xiě)好想要的樣式就行了,具有一定的參考借鑒價(jià)值,感興趣的朋友一起看看吧2016-10-10使用jquery的jsonp如何發(fā)起跨域請(qǐng)求及其原理詳解
JSONP是一個(gè)非官方的協(xié)議,它允許在服務(wù)器端集成Script tags返回至客戶(hù)端,通過(guò)JavaScript callback的形式實(shí)現(xiàn)跨域訪(fǎng)問(wèn)(這僅僅是JSONP簡(jiǎn)單的實(shí)現(xiàn)形式)。下面這篇文章主要給大家介紹了關(guān)于使用jquery的jsonp如何發(fā)起跨域請(qǐng)求及其原理的相關(guān)資料,需要的朋友可以參考下。2017-08-08JQuery復(fù)選框全選效果如何實(shí)現(xiàn)
這篇文章主要介紹了JQuery復(fù)選框全選效果如何實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05jQuery實(shí)現(xiàn)類(lèi)似滑動(dòng)門(mén)切換效果的層切換
滑動(dòng)門(mén)切換效果想必大家都有見(jiàn)到過(guò)吧,在本文為大家介紹下jQuery是如何實(shí)現(xiàn)層切換的2013-09-09