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> 
  

• 使用deferred initialization