HTML DOM Input Date step Property

HTML DOM Input Date step property तय करती है कि जब उपयोगकर्ता कैलेंडर खोलता है तो कौन से दिन अंतराल (step) पर चुनने के लिए उपलब्ध होंगे। यह तारीख इनपुट के step attribute का मान सेट या प्राप्त करती है।

Syntax

Step मान प्राप्त करना:

inputDateObject.step

Step मान सेट करना:

inputDateObject.step = number

उदाहरण

केवल विषम दिनों (step=2) वाला कैलेंडर बनाना:

<!DOCTYPE html>
<html>
<head>
<title>Input Date required</title>
</head>
<body>
<form>
  <div> विषम दिन कैलेंडर: <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 = 'वर्तमान step: ' + inputDate.step;
</script>
</body>
</html>

आउटपुट

यहां step को 2 पर सेट किया गया है, इसलिए कैलेंडर में केवल हर दूसरे दिन (विषम या सम) चुनने के लिए उपलब्ध होंगे।

मुख्य बिंदु

step attribute दिनों का अंतराल निर्धारित करता है
डिफ़ॉल्ट step मान 1 होता है (हर दिन चुनने योग्य)
step="2" सेट करने पर हर दूसरा दिन चुनने योग्य होता है
step="7" सेट करने पर केवल सप्ताह के एक ही दिन (जैसे हर सोमवार) चुनने योग्य होते हैं
यह min और max के साथ मिलकर वैध तारीखों की सीमा परिभाषित करता है
सभी ब्राउज़र date input पर step attribute का पूर्ण समर्थन नहीं करते