我有2个重要问题。
1）DateTimePicker在<input type="text" name="date" id="date"/>上运行良好，但没有CSS效果和颜色。
2）<%Html.EditorFor(m => m.StartDateTime, new { @class = "datepicker" })%>不起作用。没有显示datetimepicker。
如何使jQuery datetimepicker。我引用的文章是：http://geekswithblogs.net/michelotti/archive/2010/02/05/mvc-2-editor-template-with-datetime.aspx
<link rel="stylesheet" href="../../Styles/jquery.ui.all.css" type="text/css" />
<script type="text/javascript" src="<%= Url.Content("~/Scripts/jquery-1.7.2.min.js") %>"></script>
<script type="text/javascript" src="<%= Url.Content("~/Scripts/jquery-ui.js") %>"></script>
<script type="text/javascript" src="<%= Url.Content("~/Scripts/jquery.ui.datepicker.js") %>"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.datepicker').datepicker({});
$('#date').datepicker({});
});
</script>
<table>
<tr><td><input type="text" name="date" id="date" /></td></tr>
<tr><td><%:Html.LabelFor(m=>m.StartDateTime) %></td><td><%:Html.EditorFor(m => m.StartDateTime, new { @class = "datepicker" })%></td></tr>
</table
最佳答案
程序员，这是我前几天做的事情。
使用名称DateTime.aspx创建editorfor模板：
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<DateTime?>" %>
<%string name = ViewData.TemplateInfo.HtmlFieldPrefix;%>
<%string id = name.Replace(".", "_");%>
<div class="editor-label">
<%= Html.LabelFor(model => model) %>
</div>
<div class="editor-field">
<%= Html.TextBox("", (Model.HasValue ? Model.Value.ToString("dd-MM-yyyy") : string.Empty), new { @class = "date" }) %>
<%= Html.ValidationMessageFor(model => model)%>
</div>
<script type="text/javascript">
$(document).ready(function() {
$("#<%=id%>").datepicker({
dateFormat: 'dd-mm-yy',
changeMonth: true,
changeYear: true,
showOn: 'button',
buttonImage: '<%=Url.Content("~/Content/images/calendar.gif") %>'
});
});
</script>
然后只需在您的视图中这样称呼它：
<%= Html.EditorFor(m => m.StartDate) %>
干杯...
关于jquery - 如何在MVC 3 EditorFor中使用datepicker？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11411515/