2010-09-28 6 views
5

मैं एक पृष्ठ पर एकाधिक datepickers है ... सब मैं altfield भाग को छोड़कर ठीक काम कर रहा है ...jQuery datepicker - गतिशील altfield मुद्दा

यह संभव तरह कुछ है ??

$(document).ready(function(){ 

    $(".datepicker").datepicker({ 
     beforeShowDay: function(date){ return [(date.getDay() == 1 || date.getDay() == 4), ""] }, 
     showOn: "button", 
     buttonText: "Book now...", 
     showWeek: true, 
     firstDay: 1, 
     onSelect: function(date) { 
      $(this).parent().find('.selecteddate').prepend("Date: " + $(this).parent().find('.datepicker').val() + " - <a href='javascript:;' class='cleardate'>clear date</a>"); 
      $(this).parent().find('button').hide(); 
     }, 
     dateFormat: "DD, d MM, yy", 

     altField: $(this).closest('div').find('.datepickeralt'), 

     altFormat: "dd/mm/yy", 
     navigationAsDateFormat: true, 
     minDate: 0, 
    }); 

    $(".cleardate").live('click',function(){ 
     $(this).closest('div').find('.datepicker').datepicker("setDate", null); 
     $(this).closest('div').find('.datepickeralt').val(""); 
     $(this).closest('div').find('button').show(); 
     $(this).parent().html(""); 
    }); 

}); 

उत्तर

9

हाँ आप बिल्कुल ऐसा कर सकते हैं, तो आप सिर्फ एक .each() पाश के साथ तिथि पिकर का दृष्टांत करने की जरूरत है इस तरह:

$('.datepicker').each(function() { 
    $(this).datepicker({ 
    altField: $(this).closest('div').find('.datepickeralt') 
    }); 
}); 

.each()this अंदर इस तरह, प्रत्येक आप क्या चाहते हैं को संदर्भित करता है व्यक्तिगत दिनांक पिकर, फिर अपने alt फ़ील्ड को ढूंढ रहा है। You can give it a try here

+3

@ टॉम - यहां आपके कोड के साथ लागू डेमो है: http://jsfiddle.net/nick_craver/BhzE5/1/ –

+1

@ निकक्रैवर जीनियस! –

 संबंधित मुद्दे

  • कोई संबंधित समस्या नहीं^_^