Using ID generated by Html.EditorFor in a jquery UI extension

Question

So here's a DateTime editor a la NerdDinner's /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>

Since this is a template that's going to be used possibly multiple times on a page, if I'm going to attach the datepicker to each TextBox, they each need a unique ID, and I need to be able to use them in the <script>.

What's the best way to go about doing this?

Answer 1

I'm not much of an MVC programmer, but surely you can just use a class instead of an ID somehow?

<%@ 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>