फ्लैटपिकर के साथ मिनिमलिस्ट डेटटाइम इनपुट सेलेक्ट करें
बनाने के लिए सबसे कठिन क्षेत्रों में से एक है दिनांक / समय का चयन करें. डेवलपर्स अक्सर महीने / दिन / वर्ष के लिए सरल चयन मेनू का सहारा लेते हैं या नौकरी करने के लिए विभिन्न प्लगइन्स पर भरोसा करते हैं.
फ़ील्ड का चयन करें ठीक काम करते हैं, लेकिन वे थोड़ा क्लूनी हैं। इसके बजाय, आप अपने फॉर्म को जाज कर सकते हैं फ़्लैटपिकर प्लगइन. यह है शून्य निर्भरता के साथ मुक्त, ओपन-सोर्स जावास्क्रिप्ट कैलेंडर पिकर.
ये था मन में अतिसूक्ष्मवाद के साथ बनाया गया है, इसलिए यह किसी भी वेबसाइट लेआउट, किसी भी वेब फॉर्म में फिट हो सकता है, और किसी भी आधुनिक डिवाइस से उपयोग करने योग्य होना चाहिए.
इस प्लगइन के बारे में एक अच्छी बात है कस्टम विकल्पों की विविधता. आप टॉयलेट कर सकते हैं कि टेक्स्ट फ़ील्ड में दिनांक कैसे दिखाई देते हैं और कैलेंडर कहाँ से शुरू होता है (डिफॉल्ट पर) “आज”).
लेकिन, आप भी कर सकते हैं एक तारीख पिकर के रूप में इसका सख्ती से उपयोग करें यदि आपको समय चयन की कोई आवश्यकता नहीं है। यह केवल एक वैकल्पिक सुविधा है जो आपको इस एक पिकर के साथ फ़ॉर्म के माध्यम से अधिक डेटा पास करने देती है.
देख लेना उदाहरण पृष्ठ कार्रवाई में फ्लैटपिकर देखने के लिए.
आप भी कर सकते हैं लक्षित विकल्प सेट करें दिनांक पिकर के व्यवहार को सीमित करने के लिए, जैसे:
- कुछ तिथियों / सीमाओं को अस्वीकार करना
- केवल कुछ तिथियों / सीमाओं की अनुमति
- एकाधिक तिथि चयनों की अनुमति देना
- “रेंज मोड” एक शुरुआत और समाप्ति तिथि का चयन करने के लिए
- बस एक तारीख लेने वाला, या बस समय, या दोनों तारीख और समय एक साथ
विकल्प व्यावहारिक रूप से अंतहीन हैं और वे सभी इस एक वेनिला जावास्क्रिप्ट प्लगइन के माध्यम से काम करते हैं.
मोबाइल यूजर्स अक्सर देशी डेट पिकर को पसंद करते हैं लेकिन आप कर सकते हैं जावास्क्रिप्ट में एक मोबाइल सेटिंग के साथ इसे ओवरराइड करें. इस तरह आपके पास सभी उपकरणों पर काम करने वाला एक ही इंटरफ़ेस होगा.
और, आप भी कर सकते हैं एक polyfill के साथ IE9 समर्थन जोड़ें जो इसे सबसे अच्छी तरह से समर्थित तारीख पिकर प्लगइन्स में से एक बनाता है.
स्थापना के साथ सरल है npm, Bower, और यार्न के लिए कमांड. या, आप स्रोत फ़ाइलों को डाउनलोड कर सकते हैं GitHub से सीधे यदि आप उस मार्ग को पसंद करते हैं.
आपको जो कुछ भी जानना है वह सेटअप पृष्ठ पर पाया जा सकता है जो आपको दिखाता है अपने हेडर में फाइलें कैसे जोड़ें और किसी भी क्षेत्र पर इस तिथि पिकर को कैसे कॉल करें. आसानी से किसी भी डिज़ाइन के साथ फिट होने के लिए डिज़ाइन किए गए सबसे अच्छे डेट पिकर प्लगइन्स में से एक.
