Применение jQuery datepicker к нескольким экземплярам

Question

У меня есть элемент управления выбора даты jQuery, который отлично работает один раз, но я не уверен, как заставить его работать для нескольких экземпляров.

<script type="text/javascript">
    $(function() {
        $('#my_date').datepicker();
    });
</script>

<% Using Html.BeginForm()%>
<% For Each item In Model.MyRecords%>
<%=Html.TextBox("my_date")%> <br/>
<% Next%>
<% End Using%>

Без цикла «Для каждого» он работает нормально, но если в коллекции «MyRecords» более одного элемента, то только первое текстовое поле получает указатель даты (что имеет смысл, поскольку он связан с идентификатором). Я попытался присвоить класс текстовому полю и указать:

$('.my_class').datepicker();

но, несмотря на то, что везде отображается средство выбора даты, все они обновляют первое текстовое поле.

Как правильно сделать эту работу?

Answer 1

Чтобы изменить использование класса вместо ID

<script type="text/javascript"> 
    $(function() { 
        $('.my_date1').datepicker(); 
        $('.my_date2').datepicker(); 
        $('.my_date3').datepicker(); 
        ... 
    }); 
</script>

Answer 2

Решение здесь состоит в том, чтобы иметь разные идентификаторы, как многие из вас заявили. Проблема все еще лежит глубже в DatePicker. Пожалуйста, исправьте меня, но разве у DatePicker нет одного идентификатора оболочки - "ui-datepicker-div". Это видно по http://jqueryui.com/demos/datepicker/#option-showOptions в тематике.

Есть ли опция, которая может изменить этот идентификатор на класс? Я не хочу раскошелиться на этот скрипт только для этого очевидного исправления !!