c# - 输入类型日期的客户端验证不起作用

Question

我有一个包含日期和日期时间字段的表单:

@Html.TextBoxFor(model => model.A, new { @type = "datetime" })
@Html.TextBoxFor(model => model.B, new { @type = "date" })

型号:

public class TestModel
{
  [DataType(DataType.Date)]
  public DateTime A {get;set;}

  [DataType(DataType.Date)]
  public DateTime B {get;set;}
}

通过使用这些输入类型，iPad 可以显示不错的日期(时间)选择器。这些字段使用客户端验证进行验证。对于日期时间字段 (A) 它有效，但日期字段 (B) 将引发错误:“请输入有效日期。”我该如何解决这个问题？

例子:

• 日期时间的此 iPad (Safari) 值有效(根据 MVC 客户端验证):12 月 15 日。 2011 9:20
• 此 iPad (Safari) 日期值无效:12 月 15 日。 2011

在 iPad 上很难调试代码，所以我不知道 Safari 在设置输入的值属性时如何更改日期格式。

编辑:我发现日期时间格式是通用日期时间格式(yyyy-MM-DDTHH:mmZ)，而日期格式是yyyy-MM-dd。由于本地化，客户端验证器可能确实理解通用日期时间而不是 yyyy-MM-dd。

Answer 1

当我查看我在 iPhone 上开发的移动网站时，我遇到了完全相同的问题并且难以置信。下面问题中的讨论为我解决了这个问题。

https://github.com/jzaefferer/jquery-validation/issues/20 .

此外，为了以无缝方式解决这个问题，我为日期数据类型创建了以下 razor 编辑器模板:

@model DateTime?
@Html.TextBox("myDate", ViewData.Model.ToIso8601FullDate(), new { type = "date", @class = "text-box single-line" })

和一个方便的扩展方法，根据 spec for input type=date 为 html 5 日期输入类型提供一种它喜欢使用的格式。 :

public static string ToIso8601FullDate(this DateTime? d)
{
    if (!d.HasValue) return null;

    return d.Value.ToString("yyyy-MM-dd");
}