HTML5 proporciona una función de control del calendario y reduce el tiempo de desarrollo, pero a veces su estilo realmente no es satisfactorio, podemos modificarla por nosotros mismos de acuerdo con el siguiente código.
Sugerencia: Copie el siguiente segmento de código y establezca un archivo CSS por separado para facilitarnos a modificar.
/*Modifique el tipo de tipo de control de calendario*/:: -webkit-datetime-edit {relleno: 1px;}/*Controle el área de edición*/:: -webkit-Dates-Feelds-Wrapper {de fondo: #ffffff ;; o corto o corto del control del año, mes y día, la línea horizontal*/:: -webkit-datetime-edit-año-año {color: #333;}/*controla el texto anual, como el lugar ocupado por las cuatro letras en 2013* /:: -Month-Field {Color: #333;} /*Mes de control* /:: -Webkit-Datetime-Day-Field {Color: #333;} /*Control días específicos* /::-WebKit-Inner- Spin-Button {Visibility: Hidden;} /*Este es el control de pequeñas flechas de las flechas superiores e inferiores* /:: -webkit-calendar-picker-ididator { /*Esta es la Control de la flecha inferior* /Border: 1px #CCC; -Gradient (arriba, #f0f0f00, #e6e6e6); 2. Función de verificación de fechaLa fecha de terminación no puede ser menor que la fecha de inicio, el alcance de la selección de la fecha es de 7 días y el resto del período de tiempo no está disponible.
Nota: El siguiente segmento de código utiliza el principio jQuery
// El tipo de tiempo de conversión es YYYY-MM-DD FormatDate (STRTIE) {var date = new Date (strtime); = (0+ (date.getDate ()). Slice (-2); return date.getblyear ()+-+formatedmonth+-+formatedDate;} // start time $ (#keyword_time_min) .c haange (function () { var d1 = nueva fecha ($ (this) .val ()); Tiempo +1 año d2.setdate (d2.getDate () +7); ); . (d4.getDate () -7);Lo anterior es el código de implementación de la función de verificación de calendario de entrada [Tipo = 'Date'] en HTML5 introducido por Xiaobian. El editor respondió a todos a tiempo. ¡Muchas gracias por su apoyo al sitio web de VEVB Wulin!