ASP MVC 日期时间验证错误

在 asp.net MVC 5 中，我有一个显示来自 DTO 对象的数据的表单：

public class FieldDTO
{
    [DataType(DataType.DateTime)]
    [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:dd/MM/yyyy}")]
    public DateTime StartFieldDate { get; set; }

    [DataType(DataType.DateTime)]
    [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:dd/MM/yyyy}")]
    public DateTime StopFieldDate { get; set; }

    public String FieldName { get; set; }

    [DataType(DataType.DateTime)]
    [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:dd/MM/yyyy}")]
    public DateTime StartJob { get; set; }

    [DataType(DataType.DateTime)]
    [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:dd/MM/yyyy}")]
    public DateTime StopJob { get; set; }
}

在我的控制器类中，我有：

public ActionResult Create()
{
   var model = new FieldDTO();
   model.StartFieldDate = DateTime.Now;
   model.StopFieldDate = DateTime.Now;
   model.StartJob = DateTime.Now;
   model.StopJob = DateTime.Now;
   ...
   ...
}

在视图中，我有：

<div class="col-md-10">
     @Html.EditorFor(model => model.StartFieldDate, new { htmlAttributes = new { @class = "form-control datepicker" } })
     @Html.ValidationMessageFor(model => model.DataTurno, "", new { @class = "text-danger" })
 </div>

而且，我对另一个剃须刀有相同的代码datetime控制器。我已经添加了datepickerjQuery UI DatePicker 的类。

在表单中，如果我单击“创建”按钮，而不修改任何控件，一切正常。 当我改变最后两个之一时datetime选择器，然后单击“创建”按钮，我收到验证错误：The field xxxx must be a date.

我不明白问题是什么，因为所有控件都是以相同的方式生成的。

有许多潜在的问题。

首先是[DataType(DataType.DateTime)] and [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:dd/MM/yyyy}")]属性仅在使用时适用@Html.EditorFor()并用于呈现 HTML5 日期选择器的浏览器实现（它添加了type="date"属性）。由于您使用的是 jQueryUI 日期选择器，因此不需要这些属性。无论如何，如果您确实想要浏览器 HTML5 日期选择器，那么格式需要是DataFormatString = "{0:yyyy-MM-dd}"（ISO 格式）才能正常工作。另请注意，HTML5 日期选择器仅在现代浏览器中受支持，FireFox 中尚不支持（参考比较)

如果您使用 jQueryUI datepicker 那么它可以是

@Html.TextBoxFor(m => m.StartFieldDate, new { @class = "form-control datepicker" })

并在日期选择器脚本中设置格式

$('.datepicker').datepicker({ dateFormat: 'dd/mm/yy' });

验证消息可能来自两个问题之一。在客户端，jquery-validate.js使用验证日期MM/dd/yyyy格式。您可以覆盖它来使用dd/MM/yyyy通过包括jquery 全球化或添加以下脚本

$.validator.addMethod('date', function (value, element) {
  if (this.optional(element)) {
    return true;
  }
  var valid = true;
  try {
    $.datepicker.parseDate('dd/mm/yy', value);
  }
  catch (err) {
    valid = false;
  }
  return valid;
});
$('.datepicker').datepicker({ dateFormat: 'dd/mm/yy' });

另一个潜在的问题是服务器端验证。如果服务器区域性不接受以下格式的日期dd/MM/yyyy (e.g. <globalization culture="en-AU" uiCulture="en-AU"/>）那么服务器上可能会抛出验证错误，在这种情况下，您需要创建一个自定义ModelBinder for DateTime.

旁注：我假设@Html.ValidationMessageFor(m => m.DataTurno, ..)是一个拼写错误（您显示的模型不包含属性DataTurno）而且它真的@Html.ValidationMessageFor(m => m.StartFieldDate, ..)