<पी> HTML में, दिनांक पिकर एक उपयोगी इनपुट नियंत्रण है जो उपयोगकर्ताओं को वेबसाइटों या प्रपत्रों पर विशिष्ट तिथियों का चयन करने में सक्षम बनाता है। डिफ़ॉल्ट रूप से, दिनांक चयनकर्ता किसी भी दिनांक को स्वीकार करते हैं, लेकिन आप max का उपयोग करके चयन योग्य दिनांक सीमा को सीमित कर सकते हैं चयन को आज या पहले की तारीखों तक सीमित करने की विशेषता। सिंटेक्स
<input type="date" max="YYYY-MM-DD">
डेट पिकर क्या है?
<पी> दिनांक पिकर एक उपयोगकर्ता इंटरफ़ेस घटक है जो उपयोगकर्ताओं को कैलेंडर इंटरफ़ेस के माध्यम से तिथियां चुनने की अनुमति देता है। इसका उपयोग आमतौर पर आरक्षण प्रणाली, शेड्यूलिंग सॉफ़्टवेयर, या जन्मतिथि एकत्र करने जैसे अनुप्रयोगों के लिए किया जाता है। जावास्क्रिप्ट के साथ अधिकतम तिथि को आज पर सेट करना
<पी> max को गतिशील रूप से सेट करने के लिए आज की तारीख को विशेषता दें, आपको YYYY-MM-DD प्रारूप में वर्तमान तारीख उत्पन्न करने के लिए जावास्क्रिप्ट की आवश्यकता है HTML संरचना
<पी> type="date" के साथ एक इनपुट तत्व बनाएं
<input type="date" id="datepicker">
संपूर्ण उदाहरण
<पी> जावास्क्रिप्ट का उपयोग करके अधिकतम चयन योग्य तिथि को आज कैसे सेट करें, यहां बताया गया है
<!DOCTYPE html>
<html>
<head>
<title>Date Picker with Max Date</title>
</head>
<body>
<h3>Select a Date (Max: Today)</h3>
<input type="date" id="datepicker">
<script>
const today = new Date();
const year = today.getFullYear();
const month = String(today.getMonth() + 1).padStart(2, '0');
const day = String(today.getDate()).padStart(2, '0');
const formattedDate = `${year}-${month}-${day}`;
document.getElementById('datepicker').setAttribute('max', formattedDate);
</script>
</body>
</html>
A date picker input appears that only allows selection of dates up to and including today's date. Future dates are disabled and cannot be selected.
जावास्क्रिप्ट कैसे काम करता है
<पी> जावास्क्रिप्ट कोड इन चरणों को निष्पादित करता है - वर्तमान दिनांक का प्रतिनिधित्व करने वाला एक नया दिनांक ऑब्जेक्ट बनाता है
- वर्ष, माह और दिन के घटक निकालता है
-
padStart() का उपयोग करके अग्रणी शून्य के साथ महीने और दिन को प्रारूपित करता है
- उन्हें दिनांक इनपुट के लिए आवश्यक YYYY-MM-DD प्रारूप में संयोजित करता है
- दिनांक पिकर की अधिकतम विशेषता सेट करता है
मामलों का उपयोग करें
<पी> अधिकतम तिथि को आज तक सीमित करना के लिए उपयोगी है - बुकिंग प्रणालियाँ जो केवल वर्तमान या पिछली तिथि चयन की अनुमति देती हैं
- जन्मदिन या कार्यक्रम पंजीकरण फॉर्म
- डेटा संग्रह फॉर्म जहां भविष्य की तारीखें प्रासंगिक नहीं हैं
- ऐतिहासिक रिकॉर्ड प्रविष्टि प्रणाली
निष्कर्ष
<पी> HTML दिनांक पिकर की अधिकतम तिथि को आज पर सेट करना उपयोगकर्ताओं को भविष्य की तिथियों का चयन करने से रोकता है। YYYY-MM-DD प्रारूप में आज की तारीख को गतिशील रूप से उत्पन्न करने के लिए जावास्क्रिप्ट का उपयोग करें और इसे इनपुट के max पर लागू करें। वास्तविक समय दिनांक प्रतिबंध के लिए विशेषता। <पी> 
