jquery - MVC Razor DatePicker 和 TimePicker

Question

我有一个由 Razor 生成的表单，允许用户编辑一些调度程序数据，并且效果相当好。

有一件事我不明白，以前也没有见过，那就是 Razor 自动生成的日期和时间选择器。

为了澄清，这些就是我所说的:

它们都很好，但正如您在屏幕截图中看到的，它们不使用我的模型值。

标记本身在标签中设置了我的值，但控件忽略它们。

这就是我的意思:

如您所见，这些值是在标记中设置的，但控件不尊重这些值。

我会注意到，在我的自定义模型中，我用以下注释对这些属性进行了注释:

//For the dates...
[DataType(System.ComponentModel.DataAnnotations.DataType.Date)]

//For the time...
[DataType(System.ComponentModel.DataAnnotations.DataType.Time)]

我宁愿不必删除这些注释，但是如果它影响我达成解决方案，我会做必须做的事情。

为了解决这个问题，我想要以下两件事之一:

1. 首先阻止生成这些控件，以便我可以使用 this absolutely wonderful jQuery datetimepicker addon .
2. 强制这些控件尊重并显示从我的模型传入的值。

感谢所有建议。熟悉 MVC 的人提出的建议将更加感激。

Answer 1

1. 使用@Html.TextBoxFor( x => x.StartDate, new { @class = "date" })渲染这些并使用一些 jquery 类似 $('.date').datetimepicker();应用查询插件。

2. date 的值和time输入的格式应为 yyyy-MM-dd和HH:mm:ss - 这解释了为什么他们目前不为您工作。我没有仔细研究您想要使用的插件，但它很可能会让您配置要使用的日期/时间格式。