2016-04-25 24 views
0

私は複数のJQueryのdatepickerフィールドを持つフォームを持っていますが、問題は最初の2つのフィールドのみが動作し、残りの部分は検索されず、thisが見つかりましたが、複数のJQueryのdatePickerフィールド

$('.datePicker').datepicker({ 
changeYear: true, 
changeMonth: true, 
autoSize: true, 
dateFormat: "dd-mm-yy", 
maxDate: "0y", 
showAnim: "show", 
yearRange:'c-70:c+0', 

}); 

HTML:

<input type="text" class='datePicker' name='startDate' ><span><img alt="" src="${assetPath(src: 'calendar-icon.png')}"/></span> 
<input type="text" class='datePicker' name='endDate' ><span><img alt="" src="${assetPath(src: 'calendar-icon.png')}"/></span> 
+0

を限り、彼らはすべてのクラスを持っているとして、 '.datePicker'それはSHO uld work。プラグインは内部的にループを行う必要はありません。 – adeneo

+0

@adeneo、これは起こると思われるが、何が間違っているのか分からない – Sherif

+0

あなたは2つのフィールドを掲示しているだけで、うまくいくようです(https://jsfiddle.net/pbsucbn1/)。他のフィールドはどのように見えますか? – adeneo

答えて

0

これを試してみてください:

$('.datePicker').each(function(){ 
    $(this).datepicker({ 
    changeYear: true, 
    changeMonth: true, 
    autoSize: true, 
    dateFormat: "dd-mm-yy", 
    maxDate: "0y", 
    showAnim: "show", 
    yearRange:'c-70:c+0', 
    }); 
}); 
+0

は、まだ同じ問題を助けなかった – Sherif

関連する問題