HTML5의 날짜 선택기는 기본적으로 JavaScript 라이브러리가 수행한 방식과 매우 유사하게 작동합니다. 필드에 초점을 맞추면 달력이 표시되고 월과 연도를 탐색하여 날짜를 선택할 수 있습니다.
따라서 날짜 입력에 더 많은 간격과 색 구성표를 사용하려면 코드에 다음을 추가할 수 있습니다.
::-webkit-datetime-edit { padding: 2 em; }
::-webkit-datetime-edit-fields-wrapper { background:green; }
::-webkit-datetime-edit-text { color: blue; padding: 0 0.3em; }
::-webkit-datetime-edit-month-field { color: red; }
::-webkit-datetime-edit-day-field { color: orange; }
::-webkit-datetime-edit-year-field { color: red; }
<input type = "date">