Javascript 在jquery UI扩展中使用Html.EditorFor生成的ID

这是一个DateTime编辑器，是la NerdDinner的/Views/Shared/EditorTemplates/DateTime.ascx：

%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<System.DateTime>" %>
<%: Html.TextBox("", String.Format("{0:yyyy-MM-dd HH:mm}", Model))%>
<script type="text/javascript">
    $(function () {
        $("#date").datepicker({ showOn: 'focus' });
    });
</script>

%@controllanguage=“C#”Inherits=“System.Web.Mvc.ViewUserControl”%%>
$（函数（）{
$（“#date”）.datepicker（{shown:'focus'}）；
});

由于这是一个模板，可能会在一个页面上使用多次，如果我要将日期选择器附加到每个文本框，它们都需要一个唯一的ID，并且我需要能够在文本框中使用它们

---

做这件事最好的方法是什么？

我不是一个MVC程序员，但你肯定可以用类来代替ID

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<System.DateTime>" %>
<%: Html.TextBox("", String.Format("{0:yyyy-MM-dd HH:mm}", Model, new { @class = "datepicker" }))%>
<script type="text/javascript">
    $(function () {
        $(".datepicker").datepicker({ showOn: 'focus' });
    });
</script>

$（函数（）{
$（“.datepicker”）.datepicker（{shown:'focus'}）；
});

太棒了。。。谢谢虽然我仍然对它是如何工作的感到困惑——如果它们都有相同的名字，它怎么知道我在说哪个文本框呢？这仅仅是因为我将它们划分为不同的范围吗？

new{@class=“datepicker”}

将类强制放到文本框（查看源代码，您应该能够看到它）和

$（“.datepicker”）。datepicker

应用于所有匹配的元素，在本例中是所有的文本框。jQuery太棒了，我说的还不够：）