Jquery 日期选择器不处理项目集合

“我的布局”中的脚本：

<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

@Styles.Render("~/Content/themes/base/css")

<script type="text/javascript">
    $(function () {
        $('.datepicker').each(function() {
            $(this).datepicker({
                changeMonth: true,
                changeYear: true
            });
        });
        $('#datePicker').datepicker({
            changeMonth: true,
            changeYear: true
        });
    });
</script>

这个模型被渲染成这样

@for (int i = 0; i < Model.COLLECTION.Count; i++)
{
    <div>
        Added: @Model.COLLECTION[i].DATE_ADDED.ToShortDateString()
    </div>
    <div>
        Expire: 
        <input type="text" id="datePicker" value="@Model.COLLECTION[i].DATE_EXPIRE.ToShortDateString()"/>
    </div>
}

for（int i=0；i

---

datepicker对集合的第一项工作正常，但由于ID的原因，对其他项不起作用。如果改用类，datepicker现在就不起作用了。有人能帮我把整个事情解决吗？我需要能够设置一个新的日期（如图所示），然后在

post

方法中发布数据。

简化JavaScript。无需循环（

.each（）…

），因为日期选择器已应用于所选元素的数组

$('.datepicker').datepicker({
          changeMonth: true,
          changeYear: true
});

将ID更改为HTML中的类。检查外壳：

<div>
    Expire: 
    <input type="text" class="datepicker" value="@Model.COLLECTION[i].DATE_EXPIRE.ToShortDateString()"/>
</div>

到期：

这对我很有效，下面是

---

将ID更改为类。将HTML更改为类，然后只执行您正在执行的操作，但确保大小写正确。尝试将ID更改为类，但无效。您是否确保大小写正确，在使用类时，大小写很重要。Aaaaarg！在发布之前尝试了大约10次，但是，嘿，现在它工作了：）会将您的答案标记为已接受：）

<div>
    Expire: 
    <input type="text" class="datepicker" value="@Model.COLLECTION[i].DATE_EXPIRE.ToShortDateString()"/>
</div>

$(function () {
        $('.datepicker').datepicker({
                changeMonth: true,
                changeYear: true
            });
        });