एक अच्छा जावास्क्रिप्ट टाइम पिकर क्या है? [बन्द है]

86

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

8 साल पहले बंद हुआ ।

Jquery या स्वसंपूर्ण js के लिए एक अच्छा समय लेने वाला क्या है? मैं उनके कैलेंडर में Google उपयोग जैसी कुछ चीज़ों को पसंद करूंगा, जहां यह 15 मिनट के अंतराल में आम समय की एक बूंद है या आपको एक समय में मैन्युअल रूप से टाइप करने देता है और इसे मान्य करता है।

— एलिमेंट
स्रोत

स्पिन बटन के साथ एक बहुत ही सरल समय पिकर यहाँ

— om39a

13

मैं सवाल को फिर से खोलने की सलाह देता हूं। यह पहचानना महत्वपूर्ण है कि 'रचनात्मक नहीं' श्रेणी, हर श्रेणी की तरह अपवाद होनी चाहिए - मुझे लगता है कि इस तरह के सवालों के लिए शामिल होगा, जहां उत्तर के लिए प्रोग्रामिंग ज्ञान की आवश्यकता होती है और ऐसा कुछ नहीं है जिसे आसानी से शोध किया जा सके।

— दान निसानबाम

74

कुछ संसाधन:

— क्रिश्चियन सी। साल्वादो
स्रोत

57

... और उनमें से एक नहीं दिखती

— रादु

3

TimeDatePicker शायद सबसे अच्छा एक है।

— जद स्टुअर्ट

9

मैं वास्तव में नहीं देखता कि कैसे TimeDatePicker एक चुनिंदा सूची में सुधार है।

— जॉन जेड

4

अधिकांश पुस्तकालयों को तोड़ा

— FooBar

6

यह बहुत बेहतर है: weareoutman.github.io/clockpicker

— स्टीफन स्टीगर

26

यह मुझे आज तक मिली सबसे अच्छी चीज है http://trentrichardson.com/examples/timepicker/

— फेलिक्स
स्रोत

2

आवेदन के आधार पर, यह मेरे पसंदीदा में से एक है। मुझे 1 से 15 मिनट की अवधि को बदलने की आवश्यकता थी, हालांकि यह बहुत आसान था।

— क्रिस डुट्रो

सूची से मेरा पसंदीदा। यह आसान, सरल और इसकी आवश्यकता है। मैंने पहले किसी भी + Time ™ Datepicker / Timepicker AJAX कैलेंडर विजेट का उपयोग किया है, लेकिन मैं इसके बजाय यह कोशिश करने जा रहा हूं।

— डैनियल

वेबसाइट (और जावास्क्रिप्ट उदाहरण) अब उपलब्ध नहीं हैं। क्या इसका नमूना कहीं और है?

— जेम्स म्बर्ग

2

एक सटीक समय का चयन करने के लिए स्लाइडर्स बिल्कुल आसान या तेज तरीका नहीं हैं।

— एमपीएन

@ मर्क मैं आपकी राय से सहमत हूं, सबसे सरल तरीका या तो एक चयनित सूची हो सकती है या कैलकुलेटर पैड दिखा सकता है ताकि उपयोगकर्ता टाइप कर सके।

— फेलिक्स

21

यहाँ एक है जो ट्विटर बूटस्ट्रैप के साथ काम करता है।

http://jdewit.github.com/bootstrap-timepicker/

— डेक्लन
स्रोत

धन्यवाद यह वही था जो मैं देख रहा था

— ar18cc

3

यह एक समय लेने का सबसे धीमा तरीका है।

— एमपीएन

मुझे वास्तव में कोणीय यूआई बूटस्ट्रैप टाइमपिकर की सादगी पसंद है ।

— Ga

8

मैं सुझाए गए समय लेने वालों में से किसी के साथ खुश नहीं था, इसलिए मैंने पेरिफेर और एचटीएमएल 5 कल्पना से प्रेरणा लेकर खुद को बनाया:

http://github.com/gregersrygg/jquery.timeInput

आप समय इनपुट (चरण, न्यूनतम, अधिकतम) के लिए नई html5 विशेषताओं का उपयोग कर सकते हैं , या एक विकल्प ऑब्जेक्ट का उपयोग कर सकते हैं:

<input type="time" name="myTime" class="time-mm-hh" min="9:00" max="18:00" step="1800" />
<input type="time" name="myTime2" class="time-mm-hh" />

<script type="text/javascript">
    $("input[name='myTime']").timeInput(); // use default or html5 attributes
    $("input[name='myTime2']").timeInput({min: "6:00", max: "15:00", step: 900}); // 15 min intervals from 6:00 am to 3:00 pm
</script>

इस तरह से इनपुट को मान्य करता है:

डालें ":" यदि गायब है
मान्य समय नहीं है? रिक्त के साथ बदलें
कदम के अनुसार एक वैध समय नहीं है? निकटतम कदम के लिए ऊपर / नीचे गोल

एचटीएमएल 5 कल्पना सुबह / शाम या स्थानीय समय सिंटैक्स की अनुमति नहीं देता है, इसलिए यह केवल प्रारूप hh: mm की अनुमति देता है। सेकंड को कल्पना के अनुसार अनुमति दी जाती है, लेकिन मैंने इसे अभी तक लागू नहीं किया है।

यह बहुत "अल्फ़ा" है, इसलिए कुछ कीड़े हो सकते हैं। मुझे पैच / अनुरोध भेजने के लिए स्वतंत्र महसूस करें। आईई 6 और 8, एफएफ, क्रोम और ओपेरा (बाद वाले के लिए लिनक्स पर नवीनतम स्थिर) में मैन्युअल रूप से परीक्षण किया है।

— gregers
स्रोत

1

क्या आपके पास डेमो उपलब्ध है?

— एमपीएन

नहीं, माफ करिए। मैंने उस परियोजना को 4 साल में नहीं छुआ है। पुल-अनुरोध भेजने के लिए स्वतंत्र महसूस करें :)

— gregers

6

आप इसके बारे में jQuery निर्माता जॉन रेसिग की पोस्ट यहाँ पढ़ सकते हैं: http://ejohn.org/blog/picking-time/ ।

— सोफी अल्परट
स्रोत

4

औसत उपयोगकर्ता के लिए बहुत अधिक सटीक माउस ले जाता है। यह तुरंत स्पष्ट रूप से नहीं है कि उस चीज़ का उपयोग कैसे किया जाए (उसके बावजूद यह "सहज" होने का दावा करते हुए) - मैं इसे नहीं देख सकता और यह जान सकता हूं कि जब मैं उन अंकों पर माउस ले जाता हूं तो यह कैसे व्यवहार करेगा।

— एमपीएन

4

मैं क्लॉकपिक का उपयोग कर रहा हूं ।

— tvanfosson
स्रोत

बुरा नहीं है, लेकिन तत्व स्थिति बंद है।

— एमपीएन

इसने मुझे एक फिश पेज दिया जो फ्लैश को अपडेट करने के लिए कहता है। कृपया लिंक और अपडेट की जांच करें।

— 19:50

3

सीएसएस गैलरी में टाइम पिकर्स की विविधता है। एक नज़र देख लो।

पेरीफेर डिज़ाइन का टाइम पिकर google एक जैसा है

— Alagu
स्रोत

1

आह पेरिफ़र वास्तव में मैं क्या देख रहा हूँ, लेकिन यह किसी भी सत्यापन करने के लिए प्रतीत नहीं होता है, अर्थात यह मुझे "999999999" में एक मूल्य के रूप में टाइप करने देता है

— तत्व

3

यदि कोई व्यक्ति किसी अन्य जावास्क्रिप्ट टिमपिकर में रुचि रखता है, तो मैंने एक jQuery प्लगइन को विकसित और बनाए रखा है जो काम करता है। यह ईज़ी टाइम जेएस की तरह कुछ काम करता है (हालांकि मुझे 5 मिनट पहले तक इसके बारे में पता नहीं था: डी), उपयोगकर्ताओं को लगभग किसी भी तरह से समय दर्ज करने की अनुमति देता है जो वे सहज महसूस करते हैं, और इनपुट को एक सामान्य प्रारूप में परिवर्तित करते हैं।

क्रिया में देखने के लिए jQuery TimePicker विकल्प पृष्ठ चेकआउट करें ।

— विलिंगटन वेगा
स्रोत

डेमो टूट गया है (या मुझे समझ नहीं आया कि इसका उपयोग कैसे किया जाए!)।

— फीलो सेप

1

सॉरी दोस्तों .. शायद थोड़ा लेट हो गया है .. मैं NoGray का उपयोग कर रहा हूँ .. यह अच्छा है।

4

इसे उपयोगी खोजने के लिए किसी के लिए कभी भी देर नहीं हुई (मूल पोस्टर आवश्यक नहीं)। .. ... सिवाय इसके कि NoGray पहले ही CMS द्वारा उल्लिखित है ...

— awe

1

मैं jquery यूआई टाइमपिकर का उपयोग कर रहा हूं

— pryabov
स्रोत

बहुत छोटी गाड़ी। लगभग 10-20 नियंत्रण होने पर ब्राउज़र को क्रैश कर देता है।

— निक बिननेट

-1

NoGray अच्छी आंख कैंडी है, लेकिन कुछ प्रयोज्य विचार हैं। सबसे पहले, एनालॉग घड़ियों में तेजी से अस्पष्टता बढ़ रही है, और युवा लोगों को कभी-कभी उन्हें पढ़ने में कठिनाई होती है। दूसरे, एक माउस के साथ एक विशिष्ट समय तक खींचना थोड़ा थकाऊ है, ठीक उसी तरह जैसे समय लेने वाले एक स्लाइडर का उपयोग करते हैं। तीसरा, इस पिकर के लिए कीबोर्ड इंटरेक्शन थोड़ा छिटपुट है।

अधिक उपयोगी समय पिकर के लिए, Any + Time ™ Datepicker / Timepicker AJAX कैलेंडर विजेट देखें । यह शायद सबसे तेज़-और-सबसे आसान उपयोग करने वाला समय बीनने वाला उपलब्ध है, क्योंकि यह गति और सहजता के साथ विशिष्ट समय का चयन करने के लिए सरल बटन का उपयोग करता है।

प्रयोज्य का एक दिलचस्प परीक्षण यह है: एक अजीब समय चुनें (जैसे, 10:32 बजे), फिर देखें कि विभिन्न समय बीनने वाले का उपयोग करके उस समय का सही चयन करने में कितना समय लगता है। आप शायद इसे किसी भी + Time ™ के साथ तेजी से कर सकते हैं, जितना कि आप समय को हाथ से लिख सकते हैं - बस एक और पिकर खोजने की कोशिश करें जिसके बारे में आप कह सकते हैं! उल्लेख करने के लिए, कोई भी + Time ™ दिनांक / समय प्रारूप, 12/24-घंटे की घड़ी, पूर्ण CSS (या jQuery UI) अनुकूलन और यहां तक कि समय क्षेत्रों की एक अनगिनत विविधता का समर्थन करता है!

— एंड्रयू एम। एंड्रयूज III
स्रोत

अच्छा लेने वाला। गैर-वाणिज्यिक उपयोग के लिए नि: शुल्क, लेकिन आपको वाणिज्यिक परियोजनाओं के लिए लाइसेंसिंग लागत के बारे में डेवलपर से संपर्क करना होगा।

— एंड्रयू लुईस

6

यह सिर्फ इतना है कि वह डेवलपर है ...

— 22

अलग से मिनटों के लिए 10s और 1s का चयन करना अनावश्यक है; आपको लगभग उतनी सटीकता की आवश्यकता नहीं है। 10s और 1s को मिलाएं और 5 मिनट की वेतन वृद्धि में 12 पंक्तियों को बनाएं। यह बेहतर घंटों के साथ संरेखित करेगा, तेज होगा, और अधिकांश उपयोग के मामलों के लिए पर्याप्त होगा। उन बटनों पर मँडराते समय आप कर्सर को हाथ / पॉइंटर में बदलने पर भी विचार कर सकते हैं।

— एमपीएन

प्रतिक्रिया के लिए धन्यवाद! मैं एक प्रतिस्थापन पुस्तकालय पर काम कर रहा हूं जो स्वचालित रूप से कम बटन प्रदान करेगा जब एक मिनट का चयन आवश्यकता नहीं है।

— एंड्रयू एम। एंड्रयूज III

उस किसी भी + समय पृष्ठ पर पाठ और कोड की हजारों लाइनें हैं, लेकिन मुझे पृष्ठ पर दिनांक / समय पिकर का 1 एकल कार्यशील उदाहरण डेमो नहीं मिल सका है .. आह ... किसी को लगता है कि किसी प्रकार का डेमो होगा; कहीं ऊपर।

— हर्बेरेटो लुगो