परिचय
HTML DOM इनपुट मंथ min प्रॉपर्टी HTML दस्तावेज़ में type="month" वाले इनपुट फील्ड के min एट्रिब्यूट का मान प्राप्त करती है और संशोधित करती है। यह चुनने योग्य न्यूनतम महीना सेट करता है।
सिंटैक्स
मान प्राप्त करना
object.minमान सेट करना
object.min = "YYYY-MM"यहां YYYY वर्ष और MM महीना दर्शाता है, जैसे "2019-02"
उदाहरण
मंथ इनपुट के लिए न्यूनतम और अधिकतम महीना सेट करना (अप्रैल से अगस्त):
<!DOCTYPE html>
<html>
<head>
<style>
html { height: 100%; }
body {
text-align: center;
color: #fff;
background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;
height: 100%;
}
p { font-weight: 700; font-size: 1.1rem; }
input {
display: block;
width: 35%;
border: 2px solid #fff;
background-color: transparent;
color: #fff;
font-weight: bold;
padding: 8px;
margin: 1rem auto;
}
.btn {
background: #0197F6;
border: none;
height: 2rem;
border-radius: 2px;
width: 35%;
margin: 2rem auto;
display: block;
color: #fff;
outline: none;
cursor: pointer;
}
.show { font-size: 1.5rem; font-weight: bold; }
</style>
</head>
<body>
<h1>DOM इनपुट मंथ max/min प्रॉपर्टी डेमो</h1>
<p>हाय, क्या आपको काम से छुट्टी चाहिए?</p>
<p>अगर हां तो अप्रैल और अगस्त के बीच अपना वांछित एक महीना चुनें:</p>
<input type="month" class="monthInput" min="2019-04" max="2019-08">
<button onclick="showMySelection()" class="btn">परिणाम दिखाएं</button>
<div class="show"></div>
<script>
function showMySelection() {
var monthInput = document.querySelector(".monthInput");
var showMsg = document.querySelector(".show");
if (monthInput.value === '') {
showMsg.innerHTML = "कृपया चुनें!!";
} else {
showMsg.innerHTML = monthInput.value;
}
}
</script>
</body>
</html>आउटपुट
मंथ इनपुट फील्ड केवल अप्रैल से अगस्त 2019 के बीच के महीने चुनने देगा। चुनने के बाद "परिणाम दिखाएं" पर क्लिक करके चयनित महीना देखें।
