我正在尝试为我的Html.EditorFor显示一个日期选择器。
为此,我在Views\Shared\EditorTemplate文件夹中创建了一个名为DateTime.cshtml的EditorTemplate。
但它不起作用,相反,我得到错误---
请帮助我解决这个错误。
这是我的Razor视图页面。
我可以在另一个视图上让日期选择器正常工作。
两个 Razor 视图的区别在于: --> 第一个视图(日期选择器不工作)使用 ViewModel 作为模型,即 mywebrole.ViewModels.EventViewModel; --> 而第二个视图使用 myWebrole.models.Events(日期选择器正常工作)。 这是否是一个问题?
为此,我在Views\Shared\EditorTemplate文件夹中创建了一个名为DateTime.cshtml的EditorTemplate。
但它不起作用,相反,我得到错误---
Microsoft JScript runtime error: Object doesn't support property or method 'datepicker'
。请帮助我解决这个错误。
这是我的Razor视图页面。
@model MyWebRole.ViewModels.ViewModelEvents
@{
ViewBag.Title = "Create";
Layout = "~/Views/Shared/_Layout.cshtml";
}
@using (Html.BeginForm())
{
@Html.ValidationSummary(true)
<fieldset style="width:50%">
<legend>Event Details:</legend>
<div>
<table>
<tr>
<td>
@Html.EditorFor(model => model.vmStartDate)
@Html.ValidationMessageFor(model => model.vmStartDate)
</td>
</tr>
</table>
</div>
<p>
<input type="submit" value="Save" />
</p>
</fieldset>
}
以下是我的DateTime.cshtml文件的内容:
@model System.DateTime?
<div class="editor-field">
@Html.TextBox("", String.Format("{0:MM/dd/yyyy}",(Model == DateTime.MinValue)? null : Model), new { @class="text"})
</div>
<script type="text/javascript">
$(document).ready(function () {
$("#@ViewData.ModelMetadata.PropertyName").datepicker({
changeMonth: true,
changeYear: true,
dateFormat: 'mm/dd/yy',
gotoCurrent: true
});
});
</script>
我可以在另一个视图上让日期选择器正常工作。
@model MyWebRole.Models.Events
@{
ViewBag.Title = "Edit";
Layout = "~/Views/Shared/_Layout.cshtml";
}
@using (Html.BeginForm())
{
@Html.ValidationSummary(true)
<fieldset style="width:50%">
<legend>Event Details:</legend>
<div>
<table>
<tr>
<td>
@Html.EditorFor(model => model.StartDate)
@Html.ValidationMessageFor(model => model.StartDate)
</td>
</tr>
</table>
</div>
<p>
<input type="submit" value="Save" />
</p>
</fieldset>
}
两个 Razor 视图的区别在于: --> 第一个视图(日期选择器不工作)使用 ViewModel 作为模型,即 mywebrole.ViewModels.EventViewModel; --> 而第二个视图使用 myWebrole.models.Events(日期选择器正常工作)。 这是否是一个问题?