Kendo UI Datepicker,具有“ MMMyy”的自定义格式

时间:2018-11-21 10:19:25

标签: asp.net-mvc validation kendo-ui kendo-datepicker

我正在尝试为绑定的模型字段创建剑道日期选择器,但格式为“ 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”格式输入了正确的月份和年份?

1 个答案:

答案 0 :(得分:0)

自定义格式也将用于解析输入。 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