Display date on html

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

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

6 votes224 views6 answers
Button
Html
156 votes217 views4 answers
Add background image html
Html
43 votes218 views6 answers
Html new line
Html
42 votes230 views1 answer
HTML Links - Hyperlinks
Html
0 vote219 views1 answer
Disable form first dropdown option
Html
0 vote213 views1 answer
Add output buffering to cagefs
Html
127 votes230 views4 answers
How to make a link in html that opens in a new tab
Html
1 vote164 views3 answers
Copywrite in html
Html
21 votes285 views4 answers
Disable browser autocomplete
Html
-1 vote230 views1 answer
Html input only 4 digits
Html