的Javascript日期選取器進入一個文本框

我試圖使用日期字段日期選取器，但我的日期字段ID是一個動態的ID，因爲場生成表中的行，像的Javascript日期選取器進入一個文本框

<input type="text" id="date<%=n%>"/>

但我日期選擇器腳本需要的ID的日期選擇器連接到像低於上述文本字段，

<script type="text/javascript"> 
     new datepickr('datepick', { dateFormat: 'Y-m-d' }); 
    </script>

是否有任何其他的方式來完成這項工作？

來源

2013-11-01 Dilukshan Mahendra

不能使用生成的文本框中使用的相同的動態ID？例如。 'new datepickr（'date <%=n%>'，{dateFormat：'Y-m-d'}）;'？ –

你可以使用任何類型的jQuery選擇器來查找這個特定的'input'。類，表達式等 – melancia

@YuriyGalanter剛剛嘗試過，但ddnt工作:( –

最好使用一個類代替多個ID的。您可以基於類的索引號區分文本提交值

first:<input type="text" class="date"> 
second:<input type="text" class="date"> 
third:<input type="text" class="date"> 

$(document).ready(function(){ 
    $('.date').datepicker(); 
    $('.date').on('change',function(){ 
     var index=$('.date') .index(this); 
     $('.date:eq('+index+')').val();   
    }); 
});

爵士小提琴鏈接：http://jsfiddle.net/sarath704/LhPP2/1/

來源

2013-11-01 15:57:42 sarath

添加類的輸入字段

<input type="text" id="date<%=n%>" class="datepicker"/>

，並得到從JavaScript

其價值210

var date = $('.datepicker').datepicker();

來源

2013-11-01 16:00:52

的Javascript日期選取器進入一個文本框

回答

相關問題