मंथ इनपुट टाइप HTML में <input type="month"> का उपयोग करके किया जाता है। इसका उपयोग करके, यूज़र्स को मंथ और ईयर सिलेक्ट करने दें। लेकिन, क्या होगा यदि आप केवल ईयर पॉपअप दिखाना चाहते हैं? खैर, ईयर इनपुट टाइप उपलब्ध नहीं है।
ईयर इनपुट टाइप का उपयोग करने के लिए, हम jQuery का उपयोग करके डेटपिकर जोड़ेंगे। इसका उपयोग टेक्स्ट इनपुट टाइप के साथ किया जाता है। प्रोग्राम चलाने पर, केवल ईयर दिखाई देगा।
उदाहरण
इनपुट टाइप का उपयोग करके ईयर सेट करना सीखने के लिए निम्न कोड चलाएं:
<html> <head> <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"> </script> <script type="text/javascript"> $(function() { $("#date").datepicker({dateFormat: 'yy'}); }); </script> </head> <body> <form action="" method="get"> Details:<br> <br> Student Name <br> <input type="text" name="sname"> <br> Year of Birth <br> <input type="text" id="date"> <br> <input type="submit" value="Submit"> </form> </body> </html> नोट: इस उदाहरण के लिए jQuery UI लाइब्रेरी की भी आवश्यकता होती है (datepicker के लिए)।
