HTML date picker code example

Example 1: calendar input

<input type="date" data-date-inline-picker="true" />

Example 2: date picker in html

<label for="birthday">Birthday:</label>
<input type="date" 
  id="birthday" name="birthday">

Example 3: html date

<label for="meeting">Next meeting (August 2021):</label>
<input type="date" 
       id="meeting" 
       name="meeting"
       min="2021-08-01" 
       max="2021-08-31"
       defaultValue="2021-08-01">

Example 4: html datetime picker

<label for="birthdaytime">Birthday (date and time):</label>
<input type="datetime-local" 
  id="birthdaytime" name="birthdaytime">

Example 5: start date time picker from day to year in html

$('#datetimepicker').datetimepicker({    format: 'yyyy-mm-dd hh:ii'});