Input Kalender
<input type="date" data-date-inline-picker="true" />
Thoughtless Teira
<input type="date" data-date-inline-picker="true" />
<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">
<label for="start">Start date:</label>
<input type="date" id="start" name="trip-start"
value="2018-07-22"
min="2018-01-01" max="2018-12-31">
// convert Javascript Date to HTML Input
var now = new Date();
var day = ("0" + now.getDate()).slice(-2);
var month = ("0" + (now.getMonth() + 1)).slice(-2);
var hour = ("0" + (now.getHours())).slice(-2);
var min = ("0" + (now.getMinutes())).slice(-2);
var today = now.getFullYear() + "-" + month + "-" + day + "T" + hour + ":" + min;
<input type="date" >
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="datePicker" type="date" />
Run code snippet