HTML tutorial
CSS3 tutorial
Bootstrap tutorial
JavaScript tutorial
JQuery tutorial
AngularJS tutorial
React tutorial
NodeJS tutorial
PHP tutorial
Python tutorial
Python3 tutorial
Django tutorial
Linux tutorial
Docker tutorial
Ruby tutorial
Java tutorial
C tutorial
C ++ tutorial
Perl tutorial
JSP tutorial
Lua tutorial
Scala tutorial
Go tutorial
ASP.NET tutorial
C # tutorial
The Input Date object represents an HTML <input> element with type=date"
The Input Date object represents an HTML <input> element with type="date".
Access an Input Date Object
You can access an <input> element with type="date" by using getElementById():
var x = document.getElementById("myDate");
Create an Input Date Object
You can create an <input> element with type="date" by using the document.createElement() method:
var x = document.createElement("INPUT");
x.setAttribute("type", "date");
Property | Description |
---|---|
autocomplete | Sets or returns the value of the autocomplete attribute of a date field |
autofocus | Sets or returns whether a date field should automatically get focus when the page loads |
defaultValue | Sets or returns the default value of a date field |
disabled | Sets or returns whether a date field is disabled, or not |
form | Returns a reference to the form that contains the date field |
list | Returns a reference to the datalist that contains the date field |
max | Sets or returns the value of the max attribute of the date field |
min | Sets or returns the value of the min attribute of the date field |
name | Sets or returns the value of the name attribute of a date field |
readOnly | Sets or returns whether the date field is read-only, or not |
required | Sets or returns whether the date field must be filled out before submitting a form |
step | Sets or returns the value of the step attribute of the date field |
type | Returns which type of form element the date field is |
value | Sets or returns the value of the value attribute of a date field |
Method | Description |
---|---|
select() | Selects the content of a date text field |
stepDown() | Decrements the value of the date field by a specified number |
stepUp() | Increments the value of the date field by a specified number |
The Input Date object also supports the standard properties and events.
HTML tutorial: HTML Forms
HTML reference: HTML <input> tag
HTML reference: HTML <input> type attribute