Artikel ini membagikan kode yang relevan untuk JS untuk mengimplementasikan pemilihan tautan tanggal, yang cocok untuk pemilihan ulang tahun, untuk referensi Anda. Konten spesifiknya adalah sebagai berikut
Capai Tujuan: Tiga Kotak Input Pilih Tahun, Bulan dan Hari, dan Input Tersembunyi. Dapatkan nilai input melalui JS. Jika ada nilai dalam format tanggal, tahun, bulan dan hari pilih adalah waktu dalam input. Kalau tidak, itu kosong. Interval default untuk tahun ini adalah dari tahun 1900 hingga tahun ini
Saya telah menggunakan bootstrap. Silakan merujuk ke instruksi yang relevan untuk bootstrap untuk kelas
Berikut ini adalah konten HTML:
<div> <label> <pilih node-type = "ulang tahun_year" name = "ulang tahun_y" id = "ulang tahun_y"> <option value = ""> </pect> </selection> <span> tahun </span> </label> <label> </SELECT-TYPE = "Ulang Tahun_MONTH" nama = "ulang tahun" ID = "Ulang Tahun_M"> </span node = "ulang tahun" "" NAME "" ID = "Ulang tahun"> </sano> </montan> </ucmerpan = "ucmerpan> </ucmer_m name = ucmer_m name = ucmer_m node_m. </label> <label> <pilih node-type = "ulang tahun_month" name = "ulang tahun_d" id = "ulang tahun_d"> <option value = ""> </pect> </tect> <span> bulan </span> </label> <label> </spect-type = "ulang tahun" nama = "ulang tahun>" ulang tahun> </ucbelly_d "> </sano> </sano> </ucbelly_d" </Label> <input type = "hidden" name = "kelahiran" id = "lahir" value = "2016/2/12"> <label class = 'centang-inline-warner teks' id = "lahir_error_info"> </div> fa warning '> Harap masukkan ulang tahun penuh </i> </label> </div> fa fa fa'>
Inilah implementasi JS:
// atur konversi dan dapatkan ulang tahun var tanggal = tanggal baru (); var tahun = date.getlyear (); untuk (var i = tahun; i> = 1900; i-) {$ ("#ulang tahun_y"). append ("<option value ="+i+"label ="+i+">"+i+"</option>"); } $ ('#ulang tahun_y'). Ubah (fungsi () {var lahir_year = $ ('#ulang tahun_y'). val (); if (lahir_year! = "") {var birth_month = $ ('#ulang tahun_m'). {if borose, ife, ife: if (lahir, var lahir_month = $ ('#ulang tahun_m'). Val (); if (lahir_month! = "") {if (lahir_month == "2") {if (lahir_year%4 == 0 && label_year%100! = 0) || (lahir_year%400 == 0)) {$ ("#"#"". " + ">" + 29 + "</pect>"); } else {$ ("#ulang tahun_m"). html ("<Option value = ''> </options $ ('#ulang tahun_m'). ubah (fungsi () {var lahir_year = $ ('#ulang tahun_y'). val (); var lahir_month = this.value; var lahir_day = $ ('#ulang tahun_d'). Val (); if (case_month! = "") {switch (lahir_donth ') {case 1 ": case: case:" case ":" case ":" case ":" case ":" case ":" case "case" case "case" case "case" case "case" case "case" case "case" case "case" case "case" case "case" case " "10": case "12": if (lahir_day == "") {$ ("#ulang tahun_d"). Kosong (); "</option>");}} else {switch ($ ("#ulang tahun: terakhir"). attr ("value")) {case "28": $ ("#ulang tahun_d"). "Option>"); "11": if (lahir_day == "") {$ ("#ulang tahun_d"). Append ("<Option value = ''> </option>")); ($ ("#Ulang Tahun_D: Terakhir"). Attr ("Value")) {case "28": $ ("#ulang tahun_d"). Append ("<Option value =" + 29 + ">" + 29 + "</psion>"); "31": $ ("#ulang tahun_d") Opsi [value = '31 '] "). Remove (); break; default: break;}} break; case" 2 ": if (lahir_day ==" ") {if (birth_year%4 == 0 && ulang tahun_year%100! = 0) || (lahir_year%4 == 0 && ulang tahun%100! = 0) || $ ("#ulang tahun_d"). Append ("<value option ="+i+"label ="+i+">"+i+"</option>"); }} else {$ ("#Opsi ulang tahun_d [value = '31 ']"). Remove (); Opsi [value = '29 '] "). Remove ();}} break; default: break;}} checkBirthday ();}); $ ('#ulang tahun_d '). ubah (fungsi () {checkBirthday ();}); $ ('#ulang tahun_d '). Fokus (fokus () {if ($); $ (#ulang tahun "). Kosong (); b_year = date1.getlyEar (); i <= 12; 5: Kasus 7: Kasus 8: Kasus 10: Kasus 12: untuk (var i = 1; i <= 31; i ++) {$ ("#ulang tahun_d"). Append ("<Option value =" + i + "label =" + i + "> i +" </option> "); ></option>"); for (var i = 1; i <= 30; i++) { $("#birthday_d").append("<option value=" + i + "label=" + i + ">" + i + "</option>"); } break; case 2: if((b_year%4==0 && b_year%100!=0) || (b_year%400==0)){ untuk (var i = 1; i <= 29; i ++) {$ ("#ulang tahun_d"). append ("<opsi value ="+i+"label ="+i+">"+i+"</ption>"); label = "+i+"> "+i+" </tipt> ");}} break; default: break;} $ ("#ulang tahun_d "). find (" opsi [value = '"+b_day+"'] "). attr (" val "," vared "{vari; b_month = $ ('#ulang tahun_m'). Val (); $ ('#Birth_error_info'). AddClass ("Hidden");Jika Anda masih ingin belajar secara mendalam, Anda dapat mengklik di sini untuk mempelajari dan melampirkan dua topik menarik kepada Anda: Tutorial Pembelajaran Bootstrap Bootstrap Tutorial Praktis
Di atas adalah semua tentang artikel ini, saya harap ini akan membantu untuk pembelajaran semua orang.