日期时间选择器拒绝显示

Question

您好，我是 MVC 的新手，我有一个输入框，用户必须在其中输入日期。由于某种原因，我的日期时间选择器没有显示，我必须手动输入日期。我已经在布局页面中声明了所有脚本文件。我错过了什么吗？

这是我的显示器

这是我的视图代码

          <div class="form-group">
                @Html.LabelFor(model => model.order_preffered_date, htmlAttributes: new { @class = "control-label col-md-2" })
                <div class="col-md-10">

                    @Html.EditorFor(model => model.order_preffered_date, new { htmlAttributes = new { @class = "form-control datepicker" } })


                    @Html.ValidationMessageFor(model => model.order_preffered_date, "", new { @class = "text-danger" })
                </div>
            </div>

Answer 1

我假设您已经为 model.order_preffered_date 的任何类型设置了一个编辑器模板（可能是 DateTime）- Views/Shared/EditorTemplates/DateTime.cshtml - 包含您的日期选择器标记？

（顺便说一句，它是 'preferred'，而不是 'preffered' - 很抱歉有点迂腐，但 Thrupps 会感谢你的:)）

跟进：如果您不想使用自己的特定编辑器模板，请确保将其删除（因此使用默认值），然后下面的清单应该可以解决您的问题：

Bootstrap datepicker CSS & 页面上声明的 JS 文件（你已经提到你已经这样做了 - 我假设 jQuery 已经存在）
datepicker 元素在 document.ready 函数的某处初始化，例如
```
$(function() {
  ...
  $('.datepicker').datepicker();
  ...
});
```
如果这仍然没有帮助，请确保您的模型属性使用 DataType 进行适当修饰：
```
[DataType(DataType.Date)]
public DateTime order_preffered_date {get;set;}
```

日期时间选择器拒绝显示

DateTime picker refuses to display

asp.net-mvc

datetime

datetimepicker