在asp.net mvc 3中为多个文本框添加jQuery日期选择器

我正在开发一个asp.NETMVC3应用程序。在我的一个局部视图中，我呈现了所有应该提供选择日期选项的字段。我使用jQuery datepicker插件和我在网上找到的一些示例代码：

if (field[i].MCS_Fields.FieldTypeId == 2)
                    { 
                        <script type="text/javascript">
                            $(function () {
                                $(".datepicker").datepicker();
                            });
                        </script>
                        @field[i].QuestionText;
                        @Html.TextBox("datepicker", "", new { @class = "datepicker" })
                    }

---

问题是，如果我对多个@Html.TextBox执行此操作，无论我在何处选择日期，更改将仅在第一个文本框上进行，class=datepicker。我几乎没有JS、jQuery等方面的经验，因此您能建议一种方法，允许我添加N个@Html.TextBox，并能够分别为每个框选择一个日期吗？

将其放在页面底部，它将呈现所有日期选择器：

$(".datepicker").each(function() {
    $(this).datepicker();
});

编辑： 如果它不起作用，我想可能是你把它放错地方了，所以代码在html呈现之前运行，试试这个

$(document).ready(function(){
    $(".datepicker").each(function() {
        $(this).datepicker();
    });
});

请参见，您可以使用： 使用每个功能：

  $(".datepicker").each(function() {
        $(this).click(function() {
            $(this).datepicker();
        });
    });

如果这不起作用，那么您也可以使用它：

<script type="text/jscript">
     $(function () {
         $("#StartDate").datepicker();
     });
  </script>

---

这里StartDate将是您的日期选择器的id。你可以在你的视图中写下这篇文章

我在页面末尾添加了这篇文章，但所有的修改都会出现在第一个文本框中。不知道为什么它对我不起作用。我会接受你的答案，因为它似乎满足了我的需要，也许我在某个地方做错了什么……好吧，我到底应该在哪里写这篇文章。你可以看到Eli的答案和你的答案一模一样，但由于某些原因它不起作用。也许我在错误的地方写代码，不知道。。。我应该像jarvanJiang所说的那样把它放在页面的末尾，还是每次我都要写它，而不是写我的原始文章中的代码？你可以在你的视图中写这个。可能在最后，把它放在。就写吧。告诉我这是否有效