0

ビューに日時ピッカーを入れようとしています。これは私がやったことです

@{
    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"));

これが私が見ているもので、日付と時刻を選択するアイコンはありません。

ここに画像の説明を入力

それを機能させるために何をすべきか考えていますか？

4

1 に答える 1

3

日付ピッカーを使用した後に 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>
  • 遅延初期化を使用する
于 2014-02-07T10:56:33.940 に答える