Given an input element: <pre class="prettyprint lang-html prettyprint-override"><code><input type="date" /> </code></pre> Is there any way to set the default value of the date field to today's date?

Like any HTML input field, the browser will leave the date element empty unless a default value is specified within the <code>value</code> attribute. Unfortunately, HTML5 doesn't provide a way of specifying <code>'today'</code> in the <code>HTMLInputElement.prototype.value</code>. One must instead explicitly provide a RFC3339 formatted date (<code>YYYY-MM-DD</code>). For example: <pre class="prettyprint lang-js prettyprint-override"><code>element.value = "2011-09-29" </code></pre>

How to set input type date's default value to today?

Tags:

html

date

input

Given an input element:

<input type="date" />

Is there any way to set the default value of the date field to today's date?

967

asked Aug 08 '11 13:08

Ian Brown

1 Answers

Like any HTML input field, the browser will leave the date element empty unless a default value is specified within the value attribute. Unfortunately, HTML5 doesn't provide a way of specifying 'today' in the HTMLInputElement.prototype.value.

One must instead explicitly provide a RFC3339 formatted date (YYYY-MM-DD). For example:

element.value = "2011-09-29"

182

answered Sep 23 '22 17:09

Tak

Related questions
                            
                                Colspan all columns
                            
                                How to assign multiple classes to an HTML container? [closed]
                            
                                How to make a HTML Page in A4 paper size page(s)?
                            
                                How can I make a TextArea 100% width without overflowing when padding is present in CSS?
                            
                                Center image horizontally within a div
                            
                                Open URL in same window and in same tab
                            
                                How do I change the text of a span element using JavaScript?
                            
                                Fixed page header overlaps in-page anchors
                            
                                Remove HTML tags from a String
                            
                                How to delete a localStorage item when the browser window/tab is closed?
                            
                                HTML table with 100% width, with vertical scroll inside tbody [duplicate]
                            
                                Is there a <meta> tag to turn off caching in all browsers? [duplicate]
                            
                                SVG drop shadow using css3
                            
                                What's the proper value for a checked attribute of an HTML checkbox?
                            
                                Add border-bottom to table row <tr>
                            
                                How to make a div fill a remaining horizontal space?
                            
                                Should I use px or rem value units in my CSS? [closed]
                            
                                Is it valid to replace http:// with // in a <script src="http://...">?
                            
                                How to line-break from css, without using <br />?
                            
                                Understanding offsetWidth, clientWidth, scrollWidth and -Height, respectively

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!

Donate Us With