Asp.net mvc jQuery日期时间选择器MVC3

Asp.net mvc jQuery日期时间选择器MVC3,asp.net-mvc,Asp.net Mvc,我的模型中有这个领域 [DataType(DataType.DateTime)] [Required(ErrorMessage = "Expire is required")] public DateTime Expire { get; set; } 在我看来 @Html.EditorFor(model => model.Expire)) @Html.ValidationMessageFor(model => mo

我的模型中有这个领域

[DataType(DataType.DateTime)]
    [Required(ErrorMessage = "Expire is required")]
    public DateTime Expire
    {
      get;
      set;
    }
在我看来

@Html.EditorFor(model => model.Expire))
      @Html.ValidationMessageFor(model => model.Expire)
我创建了数据时编辑器模板

@inherits System.Web.Mvc.WebViewPage<System.DateTime>
@Html.TextBox("", (Model.ToShortDateString()), new { @class = "datePicker" })
<script type='text/javascript'>
  $(document).ready(function () {
    $(".datePicker").datepicker({
      //      buttonImage: "/content/images/calendar.gif",
      //      showOn: "both",
      //      defaultDate: $("#calendar-inline").attr('rel')
      showAnim: 'slideDown',
      dateFormat: 'dd/mm/yyyy'

    });
  });
</script>

但我没有进行模型值检查

请尝试以下操作之一:

  • 如果操作用于创建新对象,请将新实例作为模型传递,例如
    返回视图(new MyObject())
  • @inherits System.Web.Mvc.WebViewPage
    更改为
    @inherits System.Web.Mvc.WebViewPage
@继承System.Web.Mvc.WebViewPage
应该是

@inherits System.Web.Mvc.WebViewPage<System.DateTime?>
@继承System.Web.Mvc.WebViewPage

刚刚放好?在您的系统中。DateTime

例如:

@model System.DateTime?

@Html.TextBox("", ViewData.TemplateInfo.FormattedModelValue,
                new
                {
                    data_datepicker = true
                })

如果使用问号,则会出现错误

这是我的编辑器模板的代码:重点是避免空值:

@model DateTime?


<script src="../../../Scripts/jquery-1.4.4.js" type="text/javascript"></script>
<script src="../../../Scripts/jquery-ui.js" type="text/javascript"></script>

           @Html.TextBox("", (Model.HasValue ? Model.Value.ToShortDateString() : String.Empty), new { @class = "datePicker" })
<script type='text/javascript'>
    $(document).ready(function () {
        $(".datePicker").datepicker({
            //      buttonImage: "/content/images/calendar.gif",
            //      showOn: "both",
            //      defaultDate: $("#calendar-inline").attr('rel')
            showAnim: 'slideDown',
            dateFormat: 'dd/mm/yyyy'

        });
    });
</script>
@model DateTime?
@Html.TextBox(“,(Model.HasValue?Model.Value.ToShortDateString():String.Empty),新的{@class=“datePicker”})
$(文档).ready(函数(){
$(“.datePicker”).datePicker({
//buttonImage:“/content/images/calendar.gif”,
//showOn:“两者”,
//默认日期:$(“#日历内联”).attr('rel')
showAnim:‘滑下’,
日期格式:“dd/mm/yyyy”
});
});
@model System.DateTime?

@Html.TextBox("", ViewData.TemplateInfo.FormattedModelValue,
                new
                {
                    data_datepicker = true
                })
@model DateTime?


<script src="../../../Scripts/jquery-1.4.4.js" type="text/javascript"></script>
<script src="../../../Scripts/jquery-ui.js" type="text/javascript"></script>

           @Html.TextBox("", (Model.HasValue ? Model.Value.ToShortDateString() : String.Empty), new { @class = "datePicker" })
<script type='text/javascript'>
    $(document).ready(function () {
        $(".datePicker").datepicker({
            //      buttonImage: "/content/images/calendar.gif",
            //      showOn: "both",
            //      defaultDate: $("#calendar-inline").attr('rel')
            showAnim: 'slideDown',
            dateFormat: 'dd/mm/yyyy'

        });
    });
</script>