Este artigo compartilha o código relevante para o JS implementar a seleção de links de data, adequada para seleção de aniversário, para sua referência. O conteúdo específico é o seguinte
Alcance a meta: três caixas de entrada selecionadas de ano, mês e dia e uma entrada oculta. Obtenha o valor da entrada através do JS. Se houver um valor no formato da data, o ano, o mês e o dia selecionar é a hora da entrada. Caso contrário, está vazio. O intervalo padrão do ano é de 1900 a este ano
Eu usei Bootstrap. Consulte as instruções relevantes para o bootstrap para aula
A seguir, o conteúdo HTML:
<div> <Boel> <selecione node-type = "birthon_year" name = "birthon_y" id = "birthon_y"> <opção value = ""> </ppthion> </leclect> </span> ano </span> </etc. </select> <pan> mês </span> </crety> <breting> <selecione Node-type = "birthon_month" name = "aniversário_d" id = "birthon_d"> <opção value = ""> </ppthion> </leclect> <span> Mês </span> </etiquetel> <select node-type = "_MOMNHTH>" Names> </span> </bel> <bret> <select node-ttype = "_MOMTH>" Names> " value = ""> </pption> </leclect> <pan> dia </span> </elated> <input type = "hidden" name = "birth" id = "nascimento" value = "2016/2/12"> <rótulo clássico = 'Caixa de seleção-interno de texting' Id 'id = "bift_error_info" <i Class =' 'fa fA Fa-Warning'
Aqui está a implementação de JS:
// defina a conversão e obtenha o aniversário de var date = new Date (); var ano = date.getlyear (); para (var i = ano; i> = 1900; i-) {$ ("#aniversário_y"). Append ("<opção value ="+i+"label ="+i+">"+i+"</pption>"); } $ ('#aniversário_y'). altere (function () {var birt_year = $ ('##aniversário_y'). var birt_month = $ ('#aniversário_m'). val (); + ">" + 29 + "</pption>"); } else {$ ("#BRINIMAY_M"). $ ('#aniversário_m'). altere (function () {var bift_year = $ ('##aniversário_y'). "10": case "12: if (birth_day ==" ") {$ ("#aniversário_d "). Empty (); </pption> "); "Opção>") "11": if (birth_day == "") {$ ("#aniversário_d" ($ ("#BRINIMAY_D Option: Last"). Att ("Valor")) {case "28": $ ("#BRINIMAY_D"). Appender ("<Opção Valor =" + 29 + ">" + 29 + "</pption>"); "31": $ ("#aniversário_d") opção [value = '31 '] "). Remover (); quebrar; padrão: quebrar;}} break; case" 2 ": if (birth_day ==" ") {if (birt_year%4 == 0 && annual_year 100! $ ("#aniversário_d"). Appender ("<Opção Valor =" I+"Label ="+i+">"+i+"</pption>"); }} else {$ ("#BIRNIMARY_D Option [Valor = '31 ']"). Remover (); opção [value = '29 '] "). REMOT ();}} Break; Padrão: Break;}} checkBirthday ();}); $ ('##hIRINHO_D '). Alterar (function () {checkBirthday ();}); $ ('#aniversário_d '). $ (#aniversário_d ") b_year = date1.getlyear (); I <= 12; 5: Caso 7: Caso 8: Caso 10: Caso 12: para (var i = 1; i <= 31; i ++) {$ ("#aniversário_d". > </pption> "); para (var i = 1; i <= 30; i ++) {$ ("#hirniond_d "). Append (" <option value = " + i +" Label = " + i +"> " + i +" </pption> ");} quebra; case 2: if (b_year%4 == 0%e b_year 100; para (var i = 1; i <= 29; i ++) {$ ("#birthon_d"). Appender ("<option value ="+i+"Label ="+i+">"+i+"</pption>"); Label = "+i+"> "+i+" </pption> ");}} quebra; padrão: quebra;} $ ("#aniversário_d "). Find (" opção [value = '"+b_day+"'] "). attrth (" seleted "," Selected ");} // verifica a função completa b_month = $ ('#aniversário_m'). val (); $ ('#birth_error_info'). addclass ("Hidden");Se você ainda deseja aprender em profundidade, clique aqui para aprender e anexar dois tópicos interessantes a você: Bootstrap Learning Tutorial Bootstrap Tutorial Practical Tutorial
O exposto acima é tudo sobre este artigo, espero que seja útil para o aprendizado de todos.