เครื่องมือเลือกวันที่ใน 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"> 