HTML DOM Input Date disabled Property

HTML DOM Input Date disabled property तारीख इनपुट (type="date") को सक्षम या अक्षम करने की स्थिति सेट या प्राप्त करती है। अक्षम तारीख इनपुट उपयोगकर्ता इंटरैक्शन के लिए उपलब्ध नहीं होता।

Syntax

अक्षम स्थिति प्राप्त करना:

inputDateObject.disabled

अक्षम स्थिति सेट करना:

inputDateObject.disabled = booleanValue

Boolean Values

booleanValue	विवरण
true	यह परिभाषित करता है कि तारीख इनपुट अक्षम है
false	यह परिभाषित करता है कि तारीख इनपुट अक्षम नहीं है और यह डिफ़ॉल्ट मान भी है

उदाहरण

अक्षम तारीख इनपुट को बटन क्लिक करके सक्षम करना:

<!DOCTYPE html>
<html>
<head>
<title>Input Date Disabled</title>
</head>
<body>
<form>
  तारीख चुनें: <input type="date" id="dateSelect" disabled>
</form>
<button onclick="enableDateInput()">तारीख इनपुट सक्षम करें</button>
<div id="divDisplay"></div>
<script>
  var divDisplay = document.getElementById("divDisplay");
  var inputDate = document.getElementById("dateSelect");
  divDisplay.textContent = 'तारीख इनपुट अक्षम: ' + inputDate.disabled;
  function enableDateInput() {
    inputDate.disabled = false;
    divDisplay.textContent = 'तारीख इनपुट अक्षम: ' + inputDate.disabled;
  }
</script>
</body>
</html>

आउटपुट

प्रारंभ में तारीख इनपुट अक्षम (ग्रे) दिखाता है और "तारीख इनपुट सक्षम करें" बटन क्लिक करने पर यह सक्षम हो जाता है।

मुख्य बिंदु

disabled property boolean मान (true/false) स्वीकार करता है
HTML में disabled attribute उपस्थित होने पर डिफ़ॉल्ट रूप से true होता है
अक्षम तारीख इनपुट फॉर्म सबमिशन में शामिल नहीं होता
CSS में :disabled pseudo-class से स्टाइलिंग कर सकते हैं
शर्ती तर्क के आधार पर तारीख इनपुट को सक्षम/अक्षम करने के लिए उपयोगी