具有自定义"MMMyy"格式的剑道UI日期选择器

Question

我正试图为绑定的模型字段创建一个kendo日期选择器，但格式为"MMMyy"，而不是完整日期。用户需要查看格式为"MMMyy"的日期。

这是我的模型领域：

[DisplayFormat(DataFormatString = "{0:MMMyy}")]
public DateTime? DeliveryMonthDate { get; set; }

这是我在视图中的日期记录表：

@Html.LabelFor(model => model.DeliveryMonthDate, new { @class = "caption text-bold" }, true)
@(Html.Kendo().DatePickerFor(model => model.DeliveryMonthDate)
.Name("DeliveryMonthDate")
.Start(CalendarView.Year)
.Depth(CalendarView.Year)
.Format("MMMyy")
.ParseFormats(new string[] { "MMMyy" })
)
@Html.ValidationMessageFor(model => model.DeliveryMonthDate)

当用户从日期选择器中选择月份时，该值将以MMMyy格式正确显示(例如Nov18(。但是，发生验证错误(此字段必须是日期(是因为它不是有效的日期格式。

如何验证在日期选择器中以"MMMyy"格式输入了正确的月份和年份？

Answer 1

自定义格式也将用于解析输入。https://docs.telerik.com/kendo-ui/api/javascript/ui/datepicker/configuration/format

该解决方案可以在日期选择器中显示que自定义格式，但有一个用于提交有效日期格式的隐藏字段。隐藏字段可以在更改事件中更新。https://docs.telerik.com/kendo-ui/api/javascript/ui/datepicker/events/change