मुखपृष्ठ » टूलकिट » JQuery के Timedropper के साथ कस्टम टाइम इनपुट फ़ील्ड

    JQuery के Timedropper के साथ कस्टम टाइम इनपुट फ़ील्ड

    कुछ वेब रूपों की आवश्यकता होती है दिनांक-आधारित इनपुट्स और डेट पिकर प्लग इन की मदद ले सकते हैं। लेकिन क्या बारे में समय इनपुट?

    मुफ्त jQuery प्लगइन के साथ Timedropper, आप जोड़ सकते हो कस्टम समय बीनने अपॉइंटमेंट्स सेट करने के लिए, फ़ोन कॉल शेड्यूल करने के लिए, या बहुत अधिक कुछ भी जो आपको चाहिए.

    यह अविश्वसनीय रूप से सरल है और आप केवल jQuery लाइब्रेरी की आवश्यकता है आरंभ करना। एक बार जब आप उस लाइब्रेरी को स्थापित कर लेते हैं, तो आप Timedropper JS / CSS फाइलें जोड़ सकते हैं और उसे चला सकते हैं। बस!

    प्रत्येक इनपुट फ़ील्ड होना चाहिए jQuery के चयनकर्ता द्वारा लक्षित जो तब Timedropper इनपुट क्षेत्र जोड़ता है। इस विकल्प हैं आप अतिरिक्त (वैकल्पिक) सुविधाओं के साथ जोड़ सकते हैं:

    • स्वचालित स्विच - स्वचालित रूप से घंटे / मिनट बदलता है जब मूसिंग
    • मेरिडियन - 24 घंटे के बजाय 12 घंटे की घड़ी सेट करें
    • स्वरूप - घंटे और मिनट कैसे दिखाई देते हैं (डिफ़ॉल्ट शैली दोपहर 1:22 है)
    • माउस व्हील - व्हील स्क्रॉल के आधार पर समय परिवर्तन को सक्षम करता है
    • Init_animation - लुप्त होती एनीमेशन प्रभावों को चालू करता है
    • setCurrentTime - स्वचालित रूप से वर्तमान समय को फ़ील्ड मान में जोड़ता है

    यदि आप और भी अधिक साहसी हो शैली बदलें कुछ पूर्व-पैक थीम का उपयोग करना, या यहां तक ​​कि खरोंच से अपना निर्माण करना.

    JQuery प्लगइन्स के एक समुद्र में, Timedropper मधुमक्खी का घुटना है। यह वाकई में एक अद्वितीय इंटरफ़ेस प्रदान करता है किसी भी ऐप के लिए डिवाइस की परवाह किए बिना एक समय का चयन करना.

    स्वाभाविक रूप से, यह है मोबाइल संवेदनशील, इसलिए यह स्मार्टफोन और टैबलेट पर भी काम करता है। हालांकि, मुझे पसंद नहीं है अंक पैड समर्थन की कमी. यह एक समय में प्रवेश करने के लिए स्पष्ट तरीके की तरह लगता है, इसलिए उस सुविधा के बिना, यह सीमित महसूस कर सकता है.

    फिर भी, ए के लिए अद्वितीय इंटरफ़ेस और ए सरल सेटअप, मैं किसी को भी एक शॉट देने के लिए तैयार करने के लिए Timedropper की सिफारिश करता हूं.

    तुम खोज सकते हो सभी स्रोत कोड GitHub पर नि: शुल्क और आपको इस पेन में अविश्वसनीय रूप से सरल डेमो मिलेगा, जो नीचे एम्बेडेड है.

    यदि आपके पास कोई अन्य विचार या सुझाव है, तो ट्विटर पर डेवलपर के साथ साझा करने के लिए स्वतंत्र महसूस करें @felice_gattuso.