HTML5 defines several new date-related controls. Browsers that support date controls provide a convenient Drop-down calendar for users to choose from.
Note: Currently only chrome and opera provide Drop-down calendar support, other browsers are still a normal text box.
1, date control--date
<input type= "Date" value= "2015-09-24"/>
2, Time Control-times
<input type= "Time" value= "13:59"/>
<input type= "Time" value= "13:59:59"/>
3, Date Time Control-datetime-local
<input type= "datetime-local" value= "2015-09-24t13:59:59"/>
4, Month control-month
<input type= "Month" value= "2015-09"/>
5, Week control-week
<input type= "Week" value= "2015-w02"/>
6, the date time control also supports the Min and Max properties, indicating the minimum and maximum time that can be set
Original: HTML5 new control-date and time selection input
<input type= "Date" value= "2015-09-24" min= "2015-09-16" max= "2015-09-26"/>