ClickStart logoHTML5 to the point

Creating a date or time input element

You can use the input element’s ‘date,’ ‘datetime-local,’ ‘month,’ ‘week,’ or ‘time’ type to create a date and/or time selector.

Screenshots

 

date datetime  
     

week month time

Code

date
<input name="myDate" type="date">

datetime
<input name="myDateTime" type="datetime-local">

week
<input name="myWeek" type="week">

month
<input name="myMonth" type="month">

time
<input name="myTime" type="time">

Example

date

datetime

week

month

time