HTML DOM इनपुट दिनांक वस्तु

<घंटा/>

HTML DOM इनपुट डेट ऑब्जेक्ट टाइप डेट के साथ एक इनपुट HTML एलिमेंट का प्रतिनिधित्व करता है।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

एक <इनपुट>बनाना दिनांक प्रकार के साथ

var dateObject = document.createElement(“input”);
dateObject.type = “date”;

विशेषताएं

यहां, “dateObject” निम्नलिखित विशेषताएं हो सकती हैं -

विशेषताएं	विवरण
स्वतः पूर्ण	यह दिनांक फ़ील्ड की स्वतः पूर्ण विशेषता के मान को परिभाषित करता है
ऑटोफोकस	यह परिभाषित करता है कि दिनांक फ़ील्ड को प्रारंभिक पृष्ठ लोड पर केंद्रित किया जाना चाहिए या नहीं।
डिफ़ॉल्ट मान	यह दिनांक फ़ील्ड का डिफ़ॉल्ट मान सेट/रिटर्न करता है
अक्षम	यह परिभाषित करता है कि दिनांक फ़ील्ड अक्षम/सक्षम है या नहीं
फ़ॉर्म	यह संलग्न प्रपत्र का संदर्भ देता है जिसमें दिनांक फ़ील्ड होता है
अधिकतम	यह दिनांक फ़ील्ड की अधिकतम विशेषता का मान लौटाता/सेट करता है
मिनट	यह दिनांक फ़ील्ड की न्यूनतम विशेषता का मान लौटाता/सेट करता है
नाम	यह दिनांक फ़ील्ड के नाम विशेषता के मान को परिभाषित करता है
केवल पढ़ने के लिए	यह परिभाषित करता है कि दिनांक फ़ील्ड केवल पढ़ा जाता है या नहीं
आवश्यक	यह परिभाषित करता है कि फॉर्म जमा करने के लिए दिनांक फ़ील्ड भरना अनिवार्य है या नहीं
चरण	यह दिनांक फ़ील्ड के चरण विशेषता के मान को परिभाषित करता है
टाइप करें	यह दिनांक फ़ील्ड के प्रपत्र तत्व का प्रकार देता है
मान	यह दिनांक फ़ील्ड के मान विशेषता के मान को परिभाषित करता है

बूलियन मान

और, निम्नलिखित विधियाँ भी -

<थ>विवरण

booleanValue
कदम नीचे	यह परिभाषित करता है कि कितने दिनों में दिनांक फ़ील्ड में वृद्धि होनी चाहिए।
स्टेपअप	यह परिभाषित करता है कि दिनांक फ़ील्ड में कितने दिनों तक वृद्धि होनी चाहिए।

उदाहरण

आइए अधिकतम इनपुट तिथि . का एक उदाहरण देखें संपत्ति -

<!DOCTYPE html>
<html>
<head>
<title>Input Date Max</title>
</head>
<body>
<form>
Date Select: <input type="date" id="date" name="DateSelect" max="2018-12-31">
</form>
<button onclick="getMaxDate()">Change Max Date</button>
<div id="divDisplay"></div>
<script>
   var inputDate = document.getElementById("date");
   var divDisplay = document.getElementById("divDisplay");
   divDisplay.textContent = 'Max of date input: '+inputDate.max;
   function getMaxDate() {
      var oldInputDate = inputDate.max;
      inputDate.max = '2020-12-31';
      divDisplay.textContent = 'Max of date input: '+inputDate.max;
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

‘अधिकतम तिथि बदलें’ clicking क्लिक करने से पहले बटन -

HTML DOM इनपुट दिनांक वस्तु

‘अधिकतम तिथि बदलें’ clicking क्लिक करने के बाद बटन -

HTML DOM इनपुट दिनांक वस्तु