HTML5는 캘린더 제어 기능을 제공하고 개발 시간을 줄이지 만 때로는 스타일이 실제로 만족스럽지 않으므로 다음 코드에 따라 스스로 수정할 수 있습니다.
제안 : 다음 코드 세그먼트를 복사하고 CSS 파일을 별도로 설정하여 수정할 수 있도록 촉진하십시오.
/*달력 제어 유형 유형을 수정*/:: -WebKit-DateTime-Edit {Padding : 1px;}/*편집 영역 제어*/:: -webkit-dates-feelds-wrapper {background-color : #fff ;} /*연도, 월, 날 의이 영역을 제어하십시오* /:: -webkit-edit-text { #333; 또는 수평선*/:: -webkit-datetime-edit 년 시야 {color : #333;}/*의 연도, 월 및 일의 통제가 짧거나 부족합니다. 2013 년 4 글자에 의해* /:: -month-field {컬러 : #333;} /*Control Month* /:: -webkit-datetime-day-field {color : #333;} /*제어 특정 일* /::- webkit-inner- spin-button {가시성 : 숨겨진;} /*이것은 상단과 하단 화살표의 작은 화살표의 제어입니다* /:: -webkit-calendar-picker-issidator { /*이것은 하단 화살표* /국경 #CCC; -gradient (상단, #f0f0f00, #e6e6e6); 2. 날짜 확인 기능终止日期不能小于起始日期，日期选择范围为7天，其余时间段为不可选。
참고 : 다음 코드 세그먼트는 jQuery 원리를 사용합니다
// 변환 시간 유형은 yyyy-mm-dd formatdate (strime) {strime (strime) (date.getmonth () + 1); = (0+ (date.getDate ()). slice (-2); return date.get.getlyear ()+-+formatedMonth+-+formatedDate;} // start time $ (#keyword_time_min) .C Haange (function () { var d1 = new 날짜 (the) 시간 +1 년 D2. getDate () +7); // 최대 시간은 d2 $입니다 (#keyword_time_max). change (function () {var d3 = new 날짜 ($ (this) .val ()); var d4 = 새 날짜 (d3); // d4. setlyear (d4.getlyear () -1); d4. setdate ( d4.getdate () -7); // The current time-7 days d4 = formatdate (d4); $ (#keyword_time_min) .attr (min, d4); .val ());});위는 입력 [type = 'date'] Custom Style 및 캘린더 검증 기능의 구현 코드입니다. The editor replied to everyone in time. VEVB WULIN 웹 사이트를 지원해 주셔서 대단히 감사합니다!