How to use datepicker in mvc 3 EditorFor?
===

i have 2 important question.  

1) DateTimePicker is working good on &#60;input type="text" name="date" id="date" /&#62;  but no css effect and color.
2) &#60;%:Html.EditorFor(m =&#62; m.StartDateTime, new { @class = "datepicker" })%&#62; is not working. No show datetimepicker.

How to make jquery datetimepicker. My Referenced article is : http://geekswithblogs.net/michelotti/archive/2010/02/05/mvc-2-editor-template-with-datetime.aspx


<pre><code>
&#60;link rel="stylesheet" href="../../Styles/jquery.ui.all.css"  type="text/css" /&#62;
&#60;script type="text/javascript" src="&#60;%= Url.Content("~/Scripts/jquery-1.7.2.min.js") %&#62;"&#62;&#60;/script&#62;
&#60;script type="text/javascript" src="&#60;%= Url.Content("~/Scripts/jquery-ui.js") %&#62;"&#62;&#60;/script&#62;
&#60;script type="text/javascript" src="&#60;%= Url.Content("~/Scripts/jquery.ui.datepicker.js") %&#62;"&#62;&#60;/script&#62;

&#60;script type="text/javascript"&#62;
    $(document).ready(function () {
        $('.datepicker').datepicker({});
        $('#date').datepicker({});

    });
&#60;/script&#62;





&#60;table&#62;
&#60;tr&#62;&#60;td&#62;&#60;input type="text" name="date" id="date" /&#62;&#60;/td&#62;&#60;/tr&#62;
&#60;tr&#62;&#60;td&#62;&#60;%:Html.LabelFor(m=&#62;m.StartDateTime) %&#62;&#60;/td&#62;&#60;td&#62;&#60;%:Html.EditorFor(m =&#62; m.StartDateTime, new { @class = "datepicker" })%&#62;&#60;/td&#62;&#60;/tr&#62;
&#60;/table

</code></pre>