O HTML5 fornece uma função de controle do calendário e reduz o tempo de desenvolvimento, mas às vezes seu estilo não é realmente satisfatório, podemos modificá -lo por nós mesmos de acordo com o código a seguir.
Sugestão: Copie o seguinte segmento de código e estabeleça um arquivo CSS separadamente para facilitar a modificação.
/*Modifique o tipo de controle do calendário*/:: -Webkit-DateTime-EDIT {Padding: 1px;}/*Controle a área de edição*/:: -webkit-dates-feelds-wrapper {Background-Color: #fff ; ou curto ou curto do controle do ano, mês e dia, a linha horizontal*/:: -Webkit-DateTime-edit-field {color: #333;}/*controla o texto anual, como o local ocupado Pelas quatro cartas em 2013* /:: -Month-Field {color: #333;} /*Mês de controle* /:: -Webkit-DateTime-Day-Field {color: #333;} /*Controle dias específicos* /::-webkit-inner- spin-button {visibilidade: hidden;} /*Este é o controle de pequenas setas das setas superiores e inferiores* /:: -Webkit-calendário-picker -ideticator { /*este é o Controle da seta inferior* /borda: 1px #ccc; -Gradiente (topo, #f0f0f00, #e6e6e6); 2. Função de verificação de dataA data de rescisão não pode ser menor que a data inicial, o escopo da seleção de data é de 7 dias e o restante do período não está disponível.
Nota: O seguinte segmento de código usa o princípio do jQuery
// O tipo de tempo de conversão é formatdate da função AAs-MM-DD (STRTIEL) {VAR DATE = NOVA DATA (STRTIMA); = (0+ (date.getDate ()). var d1 = nova data ($ (this) .val ()); Tempo +1 Ano D2.Setdate (D2.GetDate () +7); ); Mudança (função () {var d3 = nova data ($ (this) .val ()); var d4 = nova data (d3); // d4. (D4.getDate () -7);O acima é o código de implementação da função de verificação de entrada [Type = 'Date'] e de verificação de calendário no HTML5, introduzido pelo Xiaobian. O editor respondeu a todos a tempo. Muito obrigado pelo seu apoio ao site VevB Wulin!