บทความนี้แบ่งปันรหัสที่เกี่ยวข้องสำหรับ JS เพื่อใช้การเลือกการเชื่อมโยงวันที่ซึ่งเหมาะสำหรับการเลือกวันเกิดสำหรับการอ้างอิงของคุณ เนื้อหาเฉพาะมีดังนี้
บรรลุเป้าหมาย: กล่องอินพุตสามกล่องเลือกของปีเดือนและวันและอินพุตที่ซ่อนอยู่ รับค่าของอินพุตผ่าน JS หากมีค่าในรูปแบบวันที่ปีเดือนและวันเลือกเป็นเวลาในการป้อนข้อมูล มิฉะนั้นจะว่างเปล่า ช่วงเวลาเริ่มต้นสำหรับปีคือตั้งแต่ปี 1900 ถึงปีนี้
ฉันใช้ bootstrap โปรดดูคำแนะนำที่เกี่ยวข้องสำหรับ bootstrap สำหรับชั้นเรียน
ต่อไปนี้เป็นเนื้อหา HTML:
<div> <label> <เลือก node-type = "birthday_year" name = "birthday_y" id = "birthday_y"> <ตัวเลือกค่า = ""> </ตัวเลือก> </select> <pan> ปี </span> </label> <lable> </select> <span> เดือน </pan> </label> <label> <เลือก node-type = "วันเกิด _month" name = "birthday_d" id = "birthday_d"> <ตัวเลือกค่า = ""> </opotion> </select> <pan> เดือน </span> Value = ""> </optup> </select> <pan> วัน </span> </label> <อินพุตประเภท = "ซ่อน" ชื่อ = "เกิด" id = "เกิด" value = "2016/2/12"> <label class = 'copbox-inline text-warning hidden' id = "birth_error_info"> <
นี่คือการใช้งานของ JS:
// ตั้งค่าการแปลงและรับวันเกิดของวันที่ var = วันที่ใหม่ (); var year = date.getlyear (); สำหรับ (var i = ปี; i> = 1900; i-) {$ ("#birthday_y"). ผนวก ("<ตัวเลือกค่า ="+i+"label ="+i+">"+i+"</petion>"); } $ ('#birthday_y'). การเปลี่ยนแปลง (ฟังก์ชั่น () {var birth_year = $ ('#birthday_y'). val (); ถ้า (เกิด _year! = "") {var bornt_month = $ ('#birthdal_m'). val (); var birth_month = $ ('#birthdal_m'). val (); ถ้า (เกิด _month! = "") {ถ้า (เกิด _month == "2") {ถ้า ((เกิด _year%4 == 0 && birth_year%100 = 0) || + ">" + 29 + "</optup>"); } else {$ ("#bidding_m"). html ("<ตัวเลือกค่า = ''> </optup>"); $ ('#birthday_m'). การเปลี่ยนแปลง (ฟังก์ชั่น () {var birth_year = $ ('#birthday_y'). val (); var birth_month = this.value; var birth_day = $ ('#birthday_d') val (); if (birth_month! = "") {switch (birth_month) "10": กรณี "12": ถ้า (วันเกิด == "") {$ ("#วันเกิด") ว่างเปล่า (); "</petion>");}} else {switch ($ ("#birthday_d ตัวเลือก: สุดท้าย"). attr ("value") {กรณี "28": $ ("#birthday_d"). "ตัวเลือก>"); "11": ถ้า (วันเกิด _day == "") {$ ("#วันเกิด") ผนวก ("<ตัวเลือกค่า = ''> </ตัวเลือก>"); ($ ("#birthday_d ตัวเลือก: Last"). attr ("value")) {case "28": $ ("#birthday_d") ภาคผนวก ("<ตัวเลือกค่า =" + 29 + ">" + 29 + "</optup>"); "31": $ ("#birthday_d") ตัวเลือก [value = '31 '] "). ลบ (); break; เริ่มต้น: break;}} break; กรณี" 2 ": ถ้า (เกิด _day ==" ") {ถ้าเกิด (birth_year%4 == 0 && $ ("#birthday_d"). ผนวก ("<ตัวเลือกค่า ="+i+"label ="+i+">"+i+"</ตัวเลือก>"); }} else {$ ("#birthday_d ตัวเลือก [value = '31 ']"). ลบ (); $ ("#birthdal_d ตัวเลือก [value = '30']"). ลบ (); ตัวเลือก [value = '29 '] "). ลบ ();}} break; เริ่มต้น: break;}} checkbirthday ();}); $ ('#bidding_d '). เปลี่ยน (ฟังก์ชั่น () {checkbirthday ();}); $ (#birthday_d') $ ("วันเกิด"). ว่างเปล่า (); b_year = date1.getlyear (); i <= 12; 5: กรณีที่ 7: กรณีที่ 8: กรณีที่ 12: สำหรับ (var i = 1; i <= 31; i ++) {$ ("#birthdal_d"). ต่อไป ("<ตัวเลือกค่า =" + i + "label =" + i + ">" + i + " > </petion> "); สำหรับ (var i = 1; i <= 30; i ++) {$ ("#birthday_d "). ผนวก (" <ตัวเลือกค่า = " + i +" label = " + i +"> " + i +" </optial> "); สำหรับ (var i = 1; i <= 29; i ++) {$ ("#birthday_d"). ผนวก ("<ตัวเลือกค่า ="+i+"label ="+i+">"+i+"</optup>");}} {สำหรับ (var i = 1; label = "+i+"> "+i+" </optup> ");}} break; เริ่มต้น: break;} $ ("#birthday_d ") ค้นหา (" ตัวเลือก [value = '"b_day+"'] "). ast (" เลือก "); b_month = $ ('#birthday_m'). val (); $ (#birth_error_info '). addclass ("ซ่อนเร้น");หากคุณยังต้องการเรียนรู้อย่างลึก
ข้างต้นเป็นเรื่องเกี่ยวกับบทความนี้ฉันหวังว่ามันจะเป็นประโยชน์กับการเรียนรู้ของทุกคน