캘린더를 어떻게 변경합니까?

Question

<input type="date"></input> 

HTML에서 이것을 실행하면 캘린더 위젯이 첨부 된 입력 요소가 제공됩니다. 위젯을 변경할 수있는 방법이 있습니까? 그렇지 않다면 색상을 바꿀 수있는 방법이 있습니까?

Answer 1

HTML 만 사용해 보았 더라면 브라우저마다 다를 수 있습니다. 그냥 몇 가지 브라우저를 사용해보십시오.

해결책은 https://jqueryui.com/datepicker/ jquery datepicker와 같은 플러그인을 사용합니다. 무료로 사용할 수있는 많은 기능이 있으며 HTML 또는 JS 용 캘린더 플러그인 용 Google 만 있습니다.

Answer 2

<input type="date"></input>의 캘린더 입력은 브라우저마다 다르므로 스타일 지정은 특별히 잘 지원되지 않습니다. 웹킷 날짜 선택 (하나의 난 당신이 언급하는 가정)는 다음 pesudo 요소와 스타일을 지정할 수 있습니다

::-webkit-datetime-edit 
::-webkit-datetime-edit-fields-wrapper 
::-webkit-datetime-edit-text 
::-webkit-datetime-edit-month-field 
::-webkit-datetime-edit-day-field 
::-webkit-datetime-edit-year-field 
::-webkit-inner-spin-button 
::-webkit-calendar-picker-indicator 

보다 강력한 크로스 브라우저 솔루션 JQuery와 UI의 날짜 선택기 같은 것을 사용하는 것입니다 : https://jqueryui.com/datepicker/