HTML DOM Input Date Object
HTML DOM Input Date Object HTML दस्तावेज़ में type="date" वाले इनपुट एलिमेंट को दर्शाता है। यह तारीख फील्ड बनाने, एक्सेस करने और उसके सभी attributes को प्रबंधित करने का इंटरफेस प्रदान करता है।
Date Object बनाना
var dateObject = document.createElement("input");
dateObject.type = "date";
Date Object के Attributes
| Attribute | विवरण |
|---|---|
| autocomplete | तारीख फील्ड के autocomplete attribute का मान परिभाषित करता है |
| autofocus | पेज लोड होने पर तारीख फील्ड को फोकस करना चाहिए या नहीं |
| defaultValue | तारीख फील्ड का डिफ़ॉल्ट मान सेट/प्राप्त करता है |
| disabled | तारीख फील्ड अक्षम/सक्षम है या नहीं |
| form | तारीख फील्ड को समाहित करने वाले फॉर्म का रेफरेंस लौटाता है |
| max | तारीख फील्ड के max attribute का मान प्राप्त/सेट करता है |
| min | तारीख फील्ड के min attribute का मान प्राप्त/सेट करता है |
| name | तारीख फील्ड के name attribute का मान परिभाषित करता है |
| readOnly | तारीख फील्ड केवल-पढ़ने योग्य है या नहीं |
| required | फॉर्म सबमिट करने के लिए तारीख फील्ड भरना अनिवार्य है या नहीं |
| step | तारीख फील्ड के step attribute का मान परिभाषित करता है |
| type | तारीख फील्ड के फॉर्म एलिमेंट प्रकार को लौटाता है |
| value | तारीख फील्ड के value attribute का मान परिभाषित करता है |
Methods
| Method | विवरण |
|---|---|
| stepDown() | तारीख फील्ड के दिनों को निर्दिष्ट मात्रा से घटाता है |
| stepUp() | तारीख फील्ड के दिनों को निर्दिष्ट मात्रा से बढ़ाता है |
उदाहरण
तारीख इनपुट का अधिकतम मान (max) बदलना:
<!DOCTYPE html>
<html>
<head>
<title>Input Date Max</title>
</head>
<body>
<form>
तारीख चुनें: <input type="date" id="date" name="DateSelect" max="2018-12-31">
</form>
<button onclick="getMaxDate()">अधिकतम तिथि बदलें</button>
<div id="divDisplay"></div>
<script>
var inputDate = document.getElementById("date");
var divDisplay = document.getElementById("divDisplay");
divDisplay.textContent = 'तारीख इनपुट का अधिकतम: ' + inputDate.max;
function getMaxDate() {
var oldInputDate = inputDate.max;
inputDate.max = '2020-12-31';
divDisplay.textContent = 'तारीख इनपुट का अधिकतम: ' + inputDate.max;
}
</script>
</body>
</html>
आउटपुट
प्रारंभ में अधिकतम तिथि "2018-12-31" दिखाता है। "अधिकतम तिथि बदलें" बटन क्लिक करने पर यह "2020-12-31" में बदल जाता है।
मुख्य बिंदु
- Date Object सभी तारीख इनपुट-संबंधी properties और methods तक पहुंच प्रदान करता है
document.createElement("input")औरtype="date"से नया तारीख इनपुट बना सकते हैंvalueproperty YYYY-MM-DD प्रारूप में तारीख लौटाता हैminऔरmaxसे तारीख सीमा प्रतिबंधित कर सकते हैंstepUp()औरstepDown()methods से प्रोग्रामेटिकली तारीख बदल सकते हैं- ब्राउज़र समर्थन भिन्न हो सकता है - पुराने ब्राउज़र में टेक्स्ट इनपुट के रूप में फॉलबैक होता है
