HTML DOM Input Date step Property

HTML Web Development Front End Technology

The HTML DOM Input Date step property determines the legal day intervals to choose from when user opens the calendar. It sets or returns the input date step attribute value.

Syntax

Following is the syntax −

Returning number value

inputDateObject.step

Setting value attribute to a number value

inputDateObject.step = number

Example

Let us see an example of Input Date step property −

Live Demo

<!DOCTYPE html>
<html>
<head>
<title>Input Date required</title>
</head>
<body>
<form>
<div>
Odd Days Calendar: <input type="date" id="dateSelect" step="2">
</div>
</form>
<div id="divDisplay"></div>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputDate = document.getElementById("dateSelect");
   divDisplay.textContent = 'Current step: '+inputDate.step;
</script>
</body>
</html>