0

プロジェクトにデータピッカーを追加しようとしています。私はチュートリアルに従いました。

DatePickerReady.js ファイルに次のコードを追加しました。

$(function () {
    $(".datefield").datepicker(); 
});

Views\Shared_Layout.cshtml ファイルの head 要素の下部に次のコードを追加しました。

<link href="@Url.Content("~/Content/themes/base/jquery.ui.core.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/themes/base/jquery.ui.datepicker.css")" rel="stylesheet"  type="text/css" />
<link href="@Url.Content("~/Content/themes/base/jquery.ui.theme.css")" rel="stylesheet" type="text/css" />

<script src="@Url.Content("~/Scripts/jquery.ui.core.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.ui.datepicker.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/DatePickerReady.js")" type="text/javascript"></script>

これを Views\Home\Index.cshtml に追加しました

@model Nullable<DateTime>

 @{
    string dts ="";
    if (Model != null)
    {
        dts = ((DateTime)Model).ToShortDateString();

    }
    @Html.TextBox("start", String.Format("{0:d}", dts), new { @class = "datefield", type = "date"  })
}

しかし、テキストボックスにフォーカス/クリックしても何もしません。カレンダーが表示されません。エラーも出ません。

どんな手掛かり？

4

1 に答える 1

1

まず、投稿したスクリプトからすべてのスクリプトが含まれていることを確認してください。jquery.js は表示されませんでした。また、これらのスクリプトが実際に利用可能であること、つまりパスを確認してください。

firebug を使用して、dateTime テキストボックスをクリックしたときにコンソール エラーが発生するかどうかを調べます。

次に、クラスが html テキスト ボックス入力にアタッチされているかどうか、および jquery 呼び出しも行われているかどうかを確認し、これらを確認します。

ASP.NET MVC 3 で Datepicker を使用するための簡単なステップ バイ ステップ ガイドを次に示します。 ASP.NET MVCでの jquery Date Picker の紹介

が何をするのか知りたいDatePickerReady.jsです。

于 2012-11-05T04:59:50.997 に答える