क्या आप बिना दिखावे के अपने फॉर्म को बेहतर बनाना चाहते हैं? डेस्कीकैलेंडर से मिलें, जो शुद्ध वेनिला जावास्क्रिप्ट में तैयार किया गया एक न्यूनतम, प्रतिक्रियाशील तिथि चयनकर्ता है। इसे आपके प्रोजेक्ट को प्रभावित किए बिना आपकी तिथि चयन प्रक्रिया में शैली और कार्यक्षमता जोड़ने के लिए डिज़ाइन किया गया है।

डेमो और प्रोजेक्ट पेज

डेमो पेज -> https://danruggi.github.io/datepicker/
प्रोजेक्ट लिंक -> https://github.com/danruggi/datepicker

प्रमुख विशेषताऐं

? पूर्ण प्रतिक्रियाशील: किसी भी डिवाइस पर बहुत अच्छा लगता है—अब कोई कुचला हुआ कैलेंडर नहीं।
? दोहरा/एकल प्रारूप: आसानी से एक तिथि या एक सीमा का चयन करने के बीच चयन करें।
? "कोई भी तारीख" विकल्प जोड़ें: उपयोगकर्ताओं को फ़िल्टर और रिपोर्ट के लिए उपयुक्त किसी भी तारीख का चयन करने की स्वतंत्रता दें।
? तिथियाँ अक्षम करें: सब कुछ ध्यान में रखते हुए, पिछली या भविष्य की तिथियों के चयन को रोकें।
? क्लिक पर बाहरी फ़ंक्शन निष्पादित करें: दिनांक चयनित होने पर एक कस्टम कार्रवाई ट्रिगर करना चाहते हैं? आसान मटर!
शीघ्र व्यवस्थित

1. सीएसएस और जेएस शामिल करें

बस इन लिंक को अपने HTML में छोड़ें:

2. अपना इनपुट जोड़ें

एक इनपुट फ़ील्ड बनाएं:

3. कैलेंडर आरंभ करें

इसे जावास्क्रिप्ट की एक सरल पंक्ति के साथ सेट करें:

नया डेस्क कैलेंडर({'myID': {}});

न्यूनतम उदाहरण

दो कॉलम

आसानी से दोहरी तिथि चयन पर स्विच करें:

नया डेस्क कैलेंडर({'कैलेंडर_डेट_सेलेक्टर1': {मोड: "डबल"}});

तिथियाँ अक्षम करें

तिथियां प्रतिबंधित करना चाहते हैं? बस जोड़ें

const d = नई तिथि();

निष्कर्ष

केवल कुछ पंक्तियों के साथ, डेस्कीकैलेंडर हल्का और कुशल होने के साथ-साथ आपकी तिथि चयन आवश्यकताओं में परिष्कार और सरलता लाता है। इस शानदार समाधान के साथ अपने फॉर्म को समतल करने का समय आ गया है। हैप्पी कोडिंग!