为什么日期选择器不';t显示在我的MVC 3网站上
本文关键字:我的 MVC 网站 显示 选择器 日期 为什么 | 更新日期: 2023-09-27 18:27:04
我将按照本教程在单击文本框时显示日期选择器。。。但日期选择器不显示。。。
型号类别(预订):
[Required(ErrorMessage = "Date requise.")]
[Display(Name = "Date")]
[Column("Date")]
[DataType(DataType.DateTime)]
public DateTime Date { get; set; }
编辑器Hookup.js
/// <reference path="~/Scripts/jquery-1.5.1.js" />
/// <reference path="~/Scripts/jquery-ui-1.8.11.js" />
$(document).ready(function () {
$('.date').datepicker({ dateFormat: "dd/mm/yy" });
});
部分视图(Date.cs.html)
@inherits System.Web.Mvc.WebViewPage<System.DateTime?>
@model DateTime
@Html.TextBox("", Model.ToString("dd/MM/yyyy"),
new{@class="date"})
** TODO Wire up the date picker! **
我的观点
@model TennisOnline.Models.Reservation
@{
ViewBag.Title = "Create";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>Create</h2>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"> </script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.js")" type="text/javascript"></script>
<link href="@Url.Content("~/Content/themes/base/jquery.ui.all.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/EditorHookup.js")" type="text/javascript"></script>
@using (Html.BeginForm()) {
@Html.ValidationSummary(true)
<fieldset>
<legend>Reservation</legend>
<div class="editor-label">
@Html.LabelFor(model => model.Date)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Date)
@Html.ValidationMessageFor(model => model.Date)
</div>
那么,你知道为什么日期选择器不显示吗?提前感谢
由于属性的DataType错误,因此未调用部分视图模型。更换
[DataType(DataType.DateTime)]
带有
[DataType(DataType.Date)]
一切都应该按预期进行。
编辑
您还应该从局部视图中删除@inherits
行,因为模型不允许继承。
我认为您的视图缺少对="~/Scripts/jquery-1.5.1.js"脚本的引用。
我认为您的部分视图可能需要命名为DateTime.cshtml,以匹配模型属性的类型。