jquery date picker कई फ़ील्ड में विभाजित

Question

मेरे पास सामान्य jquery datepicker ठीक काम कर रहा है। लेकिन मैं इसे एक टेक्स्टफील्ड के बजाय चयन बॉक्स के सेट में खिलाना चाहता हूं। मैंने इसे एक विशिष्ट प्रारूप के साथ एक चुनिंदा क्षेत्र में सफलतापूर्वक खिलाया है, लेकिन यह सुनिश्चित नहीं है कि विभिन्न प्रारूपों के साथ सभी तीनों को विभिन्न क्षेत्रों में कैसे खिलाया जाए।

$(document).ready(function(){ 
    $("#search_startdate").datepicker({showOn: 'button', 
            buttonImage: '/images/cal/calendar.gif', 
            buttonImageOnly: true, 
            minDate: 0, 
            maxDate: '+6M +10D', 
            showAnim: 'fadeIn', 
            altField: '#startdate_month', 
            altFormat: 'MM', 
            altField: '#startdate_day', 
            altFormat: 'dd'}); 
    //$("#datepicker").datepicker({showOn: 'button', buttonImage: 'images/calendar.gif', buttonImageOnly: true}); 

}); 

यह काम नहीं करता है, यह अंतिम क्षेत्र पर काम करता है, लेकिन पहले अनदेखा करता है। अगर मैं altField और altFormat लाइनों के दूसरे सेट को हटा देता हूं, तो पहला काम करता है।

http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Jquery/Q_24767646.html

कोई भी विचार:

मैं भी उन्हें एक श्रृंखला में डाल करने की कोशिश की,

altField: '#startdate_month', '#start_day', altFormat: 'MM', 'dd' 

समस्या एक ही यहाँ के रूप में है?

धन्यवाद,

Answer 1

मैं उसका उपयोग करने का सुझाव देते हैं अपने एक भी वैकल्पिक क्षेत्र, पहले चयन पाने के लिए तो एक OnClose हैंडलर का उपयोग कर तिथि को पार्स और अन्य चयन को भरने के लिए के साथ की स्थापना की।

$(document).ready(function(){ 
    $("#search_startdate").datepicker({showOn: 'button', 
            buttonImage: '/images/cal/calendar.gif', 
            buttonImageOnly: true, 
            minDate: 0, 
            maxDate: '+6M +10D', 
            showAnim: 'fadeIn', 
            altField: '#startdate_month', 
            altFormat: 'MM', 
            onClose: function(dateText,picker) { 
               $('#startdate_day').val(dateText.split(/\//)[1]); 
               } 
            }); 
}); 

Answer 2

यह सरल है मुझे लगता है कि:

$('#datePickerField').datepicker({ 
    onClose: function (dateText) { 
       var objDate = new Date(dateText); 
       $('#year_field').val(dateText.length ? objDate.getFullYear() : ''); 
       $('#month_field').val(dateText.length ? objDate.getMonth() + 1 : ''); 
       $('#day_field').val(dateText.length ? objDate.getDate() : ''); 
      } 
}); 

और अगर आप दिन में किए गए परिवर्तनों चाहते हैं, माह, वर्ष क्षेत्रों मुख्य datapicker अद्यतन:

$('#year_field,#month_field,#day_field').change(function() { 
    $('#datePickerField').datepicker('setDate', new Date(
     parseInt($('#year_field').val(), 10), 
     parseInt($('#month_field').val(), 10) - 1, 
     parseInt($('#day_field').val(), 10))); 
}); 

Answer 3

बस यहाँ एक जवाब छोड़ने भविष्य के संदर्भ के लिए, यहां एक नमूना है कि मैंने यह कैसे किया:

$("#departDate").datepicker({ 
    onClose: function(selectedDate) { 

     // use split() to break down the [MM/DD/YYYY] format 
     // populate each into multiple field 

     $('#departDateDay').val(selectedDate.split(/\//)[1]); // day 
     $('#departDateMonth').val(selectedDate.split(/\//)[0]); // month 
     $('#departDateYear').val(selectedDate.split(/\//)[2]); // year 
    } 
})