Javascript Date Picker В текстовом поле

Я пытаюсь использовать для выбора даты в поле даты, но моя дата поле ID является динамическим идентификатор, так как поля генерируют в строках таблицы, какJavascript Date Picker В текстовом поле

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

Но мой дата выбор сценарий требуется идентификатор присоединять выбор даты в текстовом поле выше, как показано ниже,

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

есть ли другой способ сделать эту работу?

источник

2013-11-01 Dilukshan Mahendra

Нельзя использовать один и тот же динамический идентификатор, используемый в сгенерированном текстовом поле? Например. 'new datepickr ('date <%=n%>', {dateFormat: 'Y-m-d'});'? –

Вы можете использовать любой селектор jQuery, чтобы найти этот конкретный 'input'. Класс, выражения и т. Д. – melancia

@YuriyGalanter Просто попробовал, но ddnt work :( –

Лучше использовать один класс вместо нескольких идентификаторов .Вы может дифференцировать поданное значение текста на основе индекса числа класса

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();   
    }); 
});

JS скрипки ссылка: http://jsfiddle.net/sarath704/LhPP2/1/

источник

2013-11-01 15:57:42 sarath

Добавить класс в поле ввода

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

и получить его значение из яваскрипта

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

источник

2013-11-01 16:00:52

Javascript Date Picker В текстовом поле

ответ

Смежные вопросы