HTML DOM Input Date max Property - अधिकतम तिथि सेट/प्राप्त करें

HTML DOM Input Date max Property

HTML DOM Input Date max property तारीख इनपुट (type="date") के max attribute का मान प्राप्त या सेट करती है। यह चयन की जा सकने वाली अधिकतम तिथि को परिभाषित करती है (YYYY-MM-DD प्रारूप में)।

Syntax

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

inputDateObject.max

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

inputDateObject.max = "YYYY-MM-DD"

String Values (YYYY-MM-DD)

उदाहरण

तारीख इनपुट का अधिकतम मान (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" में बदल जाता है।

मुख्य बिंदु

• max attribute YYYY-MM-DD प्रारूप में अधिकतम तिथि परिभाषित करता है
• ब्राउज़र उपयोगकर्ता को max के बाद की तिथि चुनने नहीं देगा
• JavaScript से dateInput.max द्वारा इसे पढ़/लिख सकते हैं
• min और max साथ में उपयोग करके तारीख सीमा परिभाषित करें
• मान string के रूप में सेट किया जाता है (YYYY-MM-DD प्रारूप)
• आज की तिथि को max के रूप में सेट करने के लिए JavaScript Date ऑब्जेक्ट का उपयोग करें