jQuery दिनांक / समय पिकर [बंद]

Question

मैं एक अच्छे jQuery प्लगइन की तलाश कर रहा हूँ जो दिनांक और समय दोनों को संभाल सके। कोर यूआई DatePickerमहान है, लेकिन दुर्भाग्य से मुझे इसमें भी समय लेने में सक्षम होना चाहिए।

मैं DatePicker के लिए समय के साथ काम करने के लिए कुछ हैक मिल गया है, लेकिन वे सभी बहुत अयोग्य लगते हैं और Google कुछ भी अच्छा नहीं कर रहा है।

वहाँ एक अच्छा इंटरफेस के साथ एक यूआई नियंत्रण में दिनांक और समय का चयन करने के लिए एक अच्छा jQuery प्लगइन है?

Comments

मुझे पूरा यकीन है कि मेरा उदाहरण थोड़ा कम भ्रमित और अधिक उपयोगकर्ता के अनुकूल है। दोनों के पक्ष और विपक्ष हैं।

— माइकल स्टोन

haineault.com/media/jquery/ui-timepickr/page

— फ्रीलांसर

Answer 1

अब तक सबसे अच्छा और सरल डेटटाइम पिकर विकल्प http://trentrichardson.com/examples/timepicker/ है ।

यह jQuery UI Datepicker का एक विस्तार है, इसलिए यह समान थीम का समर्थन करेगा और साथ ही यह उसी तरह से बहुत अधिक काम करता है, समान सिंटैक्स, आदि। इसे jQuery UI imo के साथ पैक किया जाना चाहिए।

Comments

मैं इस एक का उपयोग कर रहा हूं, और मैं इसे प्यार करता हूं।

— सन्नी

मुझे यह पसंद है, लेकिन यह अभी भी बहुत छोटी है।

— एलेस्टेयर पिट्स

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

— सोनी

@Sonny: क्या आप इसे उत्पादन में उपयोग करते हैं, इसका कोई असर नहीं है कि यह छोटी गाड़ी है या नहीं। आपने शायद इसके कीड़े नहीं देखे होंगे क्योंकि आप इसके साथ उन चीजों को नहीं कर रहे हैं जो उन्हें उजागर करते हैं, जो शायद एलेस्टेयर है। दूसरी ओर, उन्होंने अपने दावे के लिए कोई सबूत नहीं दिया, इसलिए मैं इसे बहुत गंभीरता से नहीं लेना चाहता ...

— iconoclast

इस प्लगइन के साथ मेरी सबसे बड़ी समस्या यूआई है: मैं उस समय स्लाइडर्स, क्षैतिज वाले का उपयोग क्यों करना चाहता हूं!, एक बार इनपुट करने के लिए !? यह मुझे बहुत अजीब लगता है। मुझे कई बार स्लाइडर्स के साथ अनुभव हुआ है, जहां मुझे वह संख्या नहीं मिल सकती है जो मैं चाहता हूं (बार-बार थोड़ा अधिक जा रहा है) और फिर मैं इसे टाइप कर रहा हूं। एक कीबोर्ड सामान्य रूप से सटीक संख्यात्मक मान दर्ज करने का सबसे आसान तरीका है। यदि आप एक दृश्य इनपुट विधि चाहते हैं, तो एक घड़ी समय के लिए सामान्य है, स्लाइडर नहीं। लागू करने के लिए कठिन, लेकिन वास्तव में उपयोगी हो सकता है (जब तक कीबोर्ड इनपुट भी संभव है)।

— आइकनोकॉस्ट

Answer 2

@ डेविड, सिफारिश के लिए धन्यवाद! @fluid_chelsea, मैंने अभी कोई भी + समय (TM) संस्करण 3.x जारी किया है, जो प्रोटोटाइप के बजाय jQuery का उपयोग करता है और इसमें बहुत सुधार हुआ है, इसलिए मुझे उम्मीद है कि अब यह आपकी आवश्यकताओं को पूरा करता है:

http://www.ama3.com/anytime/

किसी भी समस्या है, कृपया मुझे मेरी वेबसाइट पर टिप्पणी लिंक के माध्यम से पता है!

Comments

कोई भी + समय (TM) संस्करण 4.x अब उपलब्ध है! नई रिलीज़ टाइम ज़ोन (किसी अन्य बीनने में THAT पाते हैं!) के साथ-साथ jQuery के चयनकर्ताओं / चेनिंग, आसान-हटाने (मेमोरी लीक से बचें!) और कई अन्य सुधारों का समर्थन करता है। कृपया इसे एक सवारी दें, और यदि आपको कोई समस्या या सुझाव है, तो मुझे मेरी वेबसाइट पर टिप्पणी पृष्ठ के माध्यम से बताएं।

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

किसी भी + समय बहुत चालाक लग रहा है। मुझें यह पसंद है।

— ज़ैक पीटरसन

बस रेल्स ऐप पर कुछ ही मिनटों में AnyTime लागू किया गया। अच्छी तरह से काम।

— ग्वेन मोर्फे

मैंने अपने JSF ऐप के लिए अपनी पसंद के रूप में AnyTime पिकर को चुना! अच्छे उत्पाद के लिए धन्यवाद, अच्छा काम जारी रखें!

— अर्ग

कोई भी + समय हर किसी + समय इनपुट के लिए UI के लिए एक नया छिपा हुआ div देता है (jquery UI datepicker के विपरीत जो छिपे हुए div UI का पुन: उपयोग करता है) यह प्रदर्शन को बुरी तरह से डिज़ाइन किए गए MSIE6 में बहुत डाउनग्रेड करता है। यदि आप MSIE6 का समर्थन करने की आवश्यकता है तो किसी भी + समय का उपयोग न करें!

— एडुआर्डो

Answer 3

मेरे विचार में, दिनांक और समय को दो अलग-अलग इनपुट बॉक्सों के रूप में संभाला जाना चाहिए ताकि उपयोगकर्ता इनपुट करने के लिए सबसे अधिक उपयोगी और कुशल हो। उपयोगकर्ता इनपुट को एक बार में एक अच्छा सिद्धांत होने दें, इम्हो।

मैं कोर UI DatePicker , और निम्न समय पिकर का उपयोग करता हूं ।

यह एक Google कैलेंडर उपयोगों से प्रेरित है:

jQuery टाइमपिकर :
उदाहरण: http://labs.perifer.se/timedatepicker/
प्रोजेक्ट पर github: https://github.com/perifer/timePicker

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

पुनश्च: मेरे विचार में: स्लाइडर्स (कुछ वैकल्पिक समय बीनने वालों द्वारा प्रयुक्त) बहुत अधिक क्लिक लेते हैं और उपयोगकर्ता से माउस परिशुद्धता की आवश्यकता होती है (जो इनपुट धीमा बनाता है)।

Comments

कोर यूआई डेटपिकर: jqueryui.com/demos/datepicker

— मैग्ने

यह उस क्षेत्र के लिए C # MVC के मॉडल बाइंडिंग लाभों को मारता है

— सर्ज सगन

Answer 4

डेटकपर के साथ मेरा सबसे अच्छा अनुभव प्रोटोटाइप-आधारित AnyTime के साथ है । मुझे पता है कि यह jQuery नहीं है, लेकिन यह अभी भी आपके लिए समझौता करने लायक हो सकता है। मुझे पता है कि कोई भी प्रोटोटाइप नहीं है, और इसके साथ काम करना अभी भी काफी आसान है।

एक केवेट मैंने पाया है: यह कुछ ब्राउज़रों पर संगत नहीं है। यही है, यह क्रोम पर प्रोटोटाइप के नए संस्करण के साथ काम नहीं करता था।

Comments

अगर मैं प्रोटोटाइप का उपयोग कर सकता हूं तो यह कोई समस्या नहीं होगी, दुर्भाग्य से हम इस ऐप के लिए jQuery के साथ फंस गए हैं।

— चेल्सी

बस एक अपडेट - AnyTime 3 अब jQuery के साथ काम करता है।

— जैक्सिडियन

मैंने महीनों और महीनों तक इस बारे में नहीं सोचा है। लेकिन मेरी निजी परियोजना कुछ अद्यतन करना चाहती थी और मैं बस कुछ कर गुजरने के लिए तैयार था। मैंने सोचा था कि मैं डेटकपर की जगह ले लूँगा, क्योंकि मुझे इस समय किसी भी + समय की सभी विशेषताओं की आवश्यकता नहीं थी और मुझे लगा कि मैं भी सभी के लिए जा सकता हूं। और बाम! मैं इस पार आता हूं। बहुत बढ़िया समय।

— डेविड बर्जर

हालांकि, वर्ष चयनकर्ता (<या> पर क्लिक करना) मेरे लिए कठिन है।

— एक कोडर

Answer 5

बस यहां जानकारी में जोड़ने के लिए, द द्रव परियोजना में एक बड़ी संख्या में तारीख और / या समय बीनने वालों का अवलोकन करने के लिए एक अच्छा विकि लेखन है ।

Answer 6

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

Answer 7

मैं उसी समस्या में भाग गया हूं। मैंने वास्तव में सर्वर साइड प्रोग्रामिंग का उपयोग करके अपना विकास किया है, लेकिन मैंने इसे खोजने और आपकी मदद करने के लिए त्वरित खोज की और यह पाया।

ठीक लगता है, स्रोत को बहुत ज्यादा नहीं देखा, लेकिन लगता है कि यह पूरी तरह से जावास्क्रिप्ट है।

ध्यान दे:

http://www.rainforestnet.com/datetimepicker/datetimepicker.htm

यहाँ डेमो पेज लिंक दिया गया है:

http://www.rainforestnet.com/datetimepicker/datetimepicker-demo.htm

सौभाग्य

Comments

मैं कुछ वर्षों से इसका उपयोग कर रहा हूं। यह दांत में थोड़ा लंबा है, लेकिन काम करता है।

— एक कोडर

Answer 8

यह कुछ कोड है जिसका उपयोग मैं एक उपयोगकर्ता को एक डेटाइमपिकर का चयन करने के लिए करता हूं, डेटटाइम सेट करता हूं, और उस समय में अन्य डेटाइमपिकर को एक मिनट जोड़ें।

मुझे एक कस्टम औषधि नियंत्रण के लिए इसकी आवश्यकता थी ...।

वैसे भी, सोचा कि यह किसी और की मदद कर सकता है क्योंकि मुझे कोई जवाब नहीं मिला जहां ऑनलाइन ...

(कम से कम पूर्ण उत्तर नहीं)

ध्यान रखें कि 60000 जोड़ा, एक मिनट जोड़ता है। (60 * 1000 मिलीसेकंड)

$('.frdtPicker').datetimepicker({
        onClose: function(dateText, inst) {
            var endDateTextBox = $('.todtPicker');
            if (endDateTextBox.val() != '') {
                var testStartDate = new Date(dateText);
                var testEndDate = new Date(endDateTextBox.val());
                if (testStartDate > testEndDate) {

                    var testStartDate = new Date(dateText).getTime() + 60000;
                    var testStartDate2 = new Date(testStartDate); 

                    endDateTextBox.datetimepicker('setDate', (new Date(testStartDate2)));
                }
            }
            else {
                var testStartDate = new Date(dateText).getTime() + 60000;
                var testStartDate2 = new Date(testStartDate);
                endDateTextBox.datetimepicker('setDate', (new Date(testStartDate2)));
            }
            $('.frdtPicker').val(dateText); //endDateTextBox.val());

        },
        onSelect: function(selectedDateTime) {
            var start = $(this).datetimepicker('getDate');
            $('.todtPicker').datetimepicker('option', 'minDate', new Date(start.getTime()));
        }
    });

Answer 9

निम्नलिखित जावास्क्रिप्ट प्लगइन पर एक नज़र डालें।

तिथि और समय के साथ जावास्क्रिप्ट कैलेंडर

मैंने इसे सरल बनाने के लिए बनाया है। लेकिन यह अभी भी अपने शुरुआती दिनों में है। मुझे प्रतिक्रिया दें ताकि मैं इसे सुधार सकूं।

Answer 10

JQuery नहीं, लेकिन यह समय के साथ एक कैलेंडर के लिए अच्छी तरह से काम करता है: जावास्क्रिप्ट तिथि समय बीनने वाला ।

मैं इसे क्लिक करने के लिए बस क्लिक ईवेंट को बाध्य करता हूं:

$(".arrival-date").click(function() {
    NewCssCal($(this).attr('id'), 'mmddyyyy', 'dropdown', true, 12);
});

Comments

लिंक अपडेट किया गया - उन्होंने इसे स्थानांतरित कर दिया।

— बिगस्पॉटडॉग

मैं कुछ वर्षों से उस एक का उपयोग कर रहा हूं, हालांकि मैंने इसे अलग तरीके से लागू किया है (इसलिए आपके कोड से पहचान नहीं है)। मैं jquery के डेटपिकर की ओर पलायन कर रहा हूं, क्योंकि वर्षावन दांत में थोड़ा लंबा दिख रहा है।

— एक कोडर

Answer 11

मैं इस तरह एक कार्य करता हूं:

function getTime()
{
    var date_obj = new Date();
    var date_obj_hours = date_obj.getHours();
    var date_obj_mins = date_obj.getMinutes();
    var date_obj_second = date_obj.getSeconds();

    var date_obj_time = "'"+date_obj_hours+":"+date_obj_mins+":"+date_obj_second+"'";
    return date_obj_time;
}

तो मैं इस तरह jQuery यूआई तारीख का उपयोग करें:

$("#selector").datepicker( "option", "dateFormat", "yy-mm-dd "+getTime()+"" );

तो, मुझे इस तरह से मूल्य मिलता है: 2010-10-31 12:41:57

Comments

कभी-कभी हमें समय निर्धारित करने की आवश्यकता होती है (गेटटाइम फ़ंक्शन का उपयोग न करते हुए)

— बंगडिटो

Answer 12

हमें उस एक को खोजने में परेशानी हुई, जिस तरह से हम उसे चाहते थे इसलिए मैंने उसे लिखा। मैं स्रोत बनाए रखता हूं और बग को ठीक करता हूं क्योंकि वे उठते हैं और मुफ्त समर्थन प्रदान करते हैं।

http://www.yart.com.au/Resources/Programming/ASP-NET-JQuery-Date-Time-Control.aspx

Comments

यह लिंक दुर्भाग्य से सक्रिय नहीं है।

— स्टीफन