jQuery इनपुटपिकर और टिमपिकर एक ही इनपुट फ़ील्ड के लिए एक और

Question

के बाद पॉपअप करने के लिए jQuery डेटपिकर और टिमपिकर मेरे पास 2 अलग इनपुट फ़ील्ड में डेटपिकर और टिमपिकर है लेकिन मुझे डेटाबेस कॉल के लिए 2 फ़ील्ड इनपुट को एक साथ जोड़ना होगा। जानना चाहता था कि क्या मैं केवल दोनों इनपुट के लिए 1 इनपुट फ़ील्ड का उपयोग कर सकता हूं?

पहले डेटपिकर को कॉल करें और उपयोगकर्ता इच्छित तिथि पर क्लिक करेगा और यह मान दर्ज करेगा, फिर टाइमपिकर पॉपअप करेगा और उपयोगकर्ता को पहली क्रिया में चुनी गई तिथि को जोड़ देगा।

मैं jQuery UI Datepicker और Timepickr प्लग-इन का उपयोग कर रहा

तो मैं इस

<input class="datepicker">2009-06-22</input> 
<input class="timepicker">12:00:00</input> 

की तरह कुछ है लेकिन इस

<input class="datetimepicker">2009-06-22 12:00:00</input> 

<script type="text/javascript"> 
// Date and Time picker same input field 
$("#datepicker").datepicker({ 
    dateFormat: 'yy-mm-dd', 
    onClose: function(dateText, inst) { 
     var tempDate = $("#datepicker").val(dateText); 
     $("#datepicker").timepickr({ 
     onClose: function(timeText, inst) { 
      var tempTime = $("#datepicker").val(dateText); 
      alert("Temp Time: '" + tempTime.val() + "'"); 
      $("#datepicker").val(tempDate.val() + ' ' + tempTime.val()); 
     } 
     });         
    } 
});    
</script> 

Answer 1

यहाँ की तरह कुछ करना चाहते हैं के लिए एक विकल्प है:

http://www.r-ip.ru/dev/datetimepicker/index.html

$('#datetimepicker').datetimepicker({ 
    dateFormat: 'yy-mm-dd', 
    timeFormat: ' hh:ii:ss' 
}); 

Answer 2

आप डेटपिकर के ऑनक्लोज़() ईवेंट में किसी ईवेंट को बाध्य कर सकते हैं। इसे अपना समय पिकर खोलें। डेटपिकर इनपुट के मूल मूल्य को लिखने दें, और एक ही इनपुट के लिए एक स्पेस के बाद टाइमपिकर इसके मूल्य को जोड़ दें।

1. इनपुट करने के लिए बाइंड डेट-पिकर।
2. दिनांक-पिकर की .onClose() घटना के लिए timepicker खोलने के लिए विधि संलग्न करें।
3. इनपुट मूल्य के लिए समय-पिकर मान (पिछली जगह के साथ) संलग्न करें।

अपडेटेडः अनुशंसित एक अद्यतन प्रश्न के परिणामस्वरूप अपडेट किया गया है।

प्रलेखन कैसे datepicker के बंद होने के एक घटना/कार्रवाई बाध्य करने के लिए पर एक संक्षिप्त उदाहरण देता है:

$('.selector').datepicker({ 
    onClose: function(dateText, inst) { ... } 
}); 

इस उदाहरण में, आप निम्नलिखित अपने समारोह इस्तेमाल कर सकते हैं "onClode:" मूल्य लिखने के लिए इनपुट के लिए, और timepicker पॉपअप।

$(".selector").datepicker({ 
    onClose: function(dateText, inst) { 
    $(".selector").val(dateText); 
    // Raise Timepickr 
    } 
}); 

Answer 3

आप की तरह

$("#datetime").focus(function() { 
    var mydate = $("#date").val(); 
    var mytime = $("#time").val(); 
    if(mydate && mytime && !this.value) { 
     this.value = mydate + " " + mytime; 
    } 
}); 

Answer 4

एक में दोनों नियंत्रण से आदानों के संयोजन की कोशिश कर सकते मैं Any+Time(TM) है, जिसमें आप एक एकल के साथ एक एकल क्षेत्र में दिनांक/समय को जोड़ सकते हैं अनुशंसा करना चाहते हैं , उपयोग में आसान (और त्वरित!) दिनांक/समय कॉम्बो पिकर।

Answer 5

कृपया link चेकआउट करें।

मैं कुछ लेआउट मुद्दा अद्यतन और दूसरा स्लाइडर, जो सक्रिय करता है, तो {showTime:true, time24h:true}

आप Google Code पर मूल एक पा सकते हैं हो जाएगा जोड़ लिया है।

Answer 6

jQuery नहीं, लेकिन यह कैलेंडर के साथ समय के साथ अच्छी तरह से काम करता है: JavaScript Date Time Picker।

बस इसे पॉप अप करने के लिए क्लिक करें घटना बाँध:

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

व्यक्तिगत तौर पर मैं इस बहुत आसान का पालन करने लगता है। लेकिन जाहिर है कि आपके पास नौकरी करने के लिए कई jQuery प्लगइन उपलब्ध हैं।