У меня есть элемент управления DatePicker на моем веб-сайте, когда я щелкаю в текстовом поле, отображается DatePicker:
Но когда я нажимаю на дату, у меня возникает проблема с отображением даты:
Год отображается два раза ... Но я не знаю почему ... Я следовал этому учебнику
Можете ли вы помочь мне выяснить, почему год в дате отображается дважды, пожалуйста?
Date.cshtml
@model DateTime
<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>
@Html.TextBox("", Model.ToString("dd/MM/yyyy"),
new { @class = "date" })
** TODO Wire up the date picker! **
EditorHookup.js
/// <reference path="~/Scripts/jquery-1.5.1.js" />
/// <reference path="~/Scripts/jquery-ui-1.8.11.js" />
$(document).ready(function () {
$(".date").datepicker({
// buttonImage: "/content/images/calendar.gif",
// showOn: "both",
// defaultDate: $("#calendar-inline").attr('rel')
showAnim: 'slideDown',
dateFormat: 'dd/mm/yyyy'
});
});
Create.cshtml (View)
<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>
Класс модели
public class Reservation
{
[Display(Name = "Date")]
[Column("Date")]
[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "{0:d}", ApplyFormatInEditMode = true)]
public DateTime Date { get; set; }
}
И, наконец, метод создания контроллера
// GET: /Reservation/Create
public ActionResult Create()
{
return View(new Reservation { Date = DateTime.Now.Date});
}