HTML5 обеспечивает функцию управления календарем и сокращает время разработки, но иногда его стиль действительно не является удовлетворительным, мы можем изменить ее сами в соответствии со следующим кодом.
Предложение: скопируйте следующий сегмент кода и установите файл CSS отдельно, чтобы облегчить нам изменение.
/*Изменить тип типа управления календаря*/:: -Webkit-datetime-edit {padding: 1px;}/*контролировать область редактирования*/:: -webkit-dates-feelds-wrapper {foanle-color: #fff ;;} /*контролировать эту область года, месяц, месяц и день* /:: -Webkit-Dates-Edit-Text {Color: #333; или не хватает контроля года, месяца и дня горизонтальной линии*/:: -Webkit-dateTime-edit-годовой пород Четыре буквы в 2013 году* /:: -Month-Field {Color: #333;} /*Месяц управления* /:: -Webkit-dateTime-Day-Field {Color: #333;} /*Контрольные дни* /::-webkit-inner- спин-пусковой {видимость: hidden;} /*Это управление небольшими стрелками верхних и нижних стрел* /:: -Webkit-calendar-picker-inedicator { /*Это Контроль нижней части стрелы* /Граница: 1PX SOLID #CCC; -Gradient (top, #f0f0f00, #e6e6e6); 2. Функция проверки датыДата прекращения не может быть меньше, чем дата начала, объем выбора даты составляет 7 дней, а остальная часть периода времени недоступна.
Примечание. В следующем сегменте кода используется принцип jQuery
// Тип времени преобразования-это функция yyyy-mm-dd (strime) {var date = new Date (strime); = (0+ (date.getDate ()). Slice (-2); return date.getfyear ()+-+formatedmonth+-+formateddate;} // время начала $ (#keyword_time_min) .c haange (function () { var d1 = новая дата ($ (this) .val ()); Время +1 D2.Setdate (D2.GetDate () +7); ); Изменение (function () {var d3 = новая дата ($ (this). (d4.getdate () -7);Приведенное выше код реализации ввода [type = 'date'] Пользовательский стиль и функция проверки календаря в HTML5, представленная Xiaobian. Редактор ответил всем вовремя. Большое спасибо за вашу поддержку на веб -сайте Vevb Wulin!