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">

Calendar input

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

Source: stackoverflow.com

Html date input

<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">

Display date on html

<script>
  function startDate() {
    var d = new Date();
    var days = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
    var months = ["January","February","March","April","May","June","July","August","September","October","November","December"];
    document.getElementById("date").innerHTML = days[d.getDay()]+" | "+d.getDate()+" "+months[d.getMonth()]+" "+d.getFullYear();
  }
startDate();
</script>

<body onload='startDate()'>
  <div id='date'></div> <!-- use some css on #Date -->
</body>

Similar codes

10 votes230 views2 answers
Iframe border none
Html
274 votes383 views6 answers
Fontawesome pro cdn
Html
80 votes267 views6 answers
How to make anchor tag open in new tab
Html
205 votes344 views6 answers
Lorem ipsum shortcut
Html
0 vote250 views1 answer
Html lang="ro"
Html
1 vote289 views1 answer
Bootstrap navbar-inverse not working
Html
1 vote226 views1 answer
Jyml toggle checkbox text
Html
74 votes248 views6 answers
Html media query
Html
0 vote248 views1 answer
Readium github
Html
0 vote303 views2 answers
Where should favicon.ico be placed in flask app
Html