jquery - Kendo Ui：DateTimePicker 未显示用于选择日期和时间的图标

Question

我试图在我的视图中有一个日期时间选择器。这就是我所做的

@{
    ViewBag.Title = "CreateAppointment_SetDate";
    Layout = "~/Views/Shared/_Layout.cshtml";
    @Styles.Render("~/Content/Kendo/css")

}


@Html.HiddenFor(m=>m.AppointmentId)
<h3>When should appointment take place?</h3>
<h4>Please select the date range for the appointment to take place between</h4>
<h6>Please select a start date</h6>

<div class="col-md-10">
    @(Html.Kendo().DateTimePicker().Name("dateTimePicker").Value(DateTime.Now))


</div>


@Scripts.Render("~/Scripts/Kendo/jquery.min.js")
@Scripts.Render("~/bundles/Kendo")

和捆绑

        bundles.Add(new StyleBundle("~/Content/Kendo/css").Include(
        "~/Content/kendo/kendo.common.min.css",
        "~/Content/kendo/kendo.default.min.css",
        "~/Content/kendo/kendo.bootstrap.min.css"));
        bundles.Add(new ScriptBundle("~/bundles/Kendo").Include(
        "~/Scripts/Kendo/kendo.all.min.js",
        "~/Scripts/Kendo/kendo.aspnetmvc.min.js"));

这就是我看到的，没有选择日期和时间的图标。

知道我应该怎么做才能让它工作吗？

Answer 1

您的页面中存在 JavaScript 错误，因为 JavaScript 文件是在使用日期选择器后包含在内的。您可以：

• 在使用日期选择器之前移动 @Scripts.Render

  @Scripts.Render("~/Scripts/Kendo/jquery.min.js")
  @Scripts.Render("~/bundles/Kendo")
  <div class="col-md-10">
     @(Html.Kendo().DateTimePicker().Name("dateTimePicker")
           .Value(DateTime.Now))
  </div>
  

• 使用延迟初始化