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

29 votes258 views1 answer
How to make the dashed border with longer dashes css
Html
-1 vote250 views1 answer
Negritas html
Html
0 vote305 views1 answer
How to align a link in a bootsrap navbar o the left
Html
0 vote289 views1 answer
Chrome extension button click to different html page
Html
2 votes322 views6 answers
Tailwind css button
Html
5 votes326 views2 answers
How to make password visible button in html
Html
0 vote284 views1 answer
Prevent the child event from triggering the parent element angular 5
Html
0 vote255 views1 answer
Google translate english to bangla
Html
1 vote280 views2 answers
Show spinner during API request pure html and jquery
Html
32 votes274 views6 answers
Css viewport
Html