ええと、それは古い質問ですが、私はデートピッカーにいくつか問題があり、答えが見つかるまで約3時間の調査をしました...これは私のような人々のためのもので、答え...*
Jquery UIは、datepickerと同様に、バンドル内の.netmvc4にすでに含まれています。これをレイアウトに追加して呼び出す必要があります(ヘッドセクション)。
@Scripts.Render("~/bundles/jqueryui")
@Styles.Render("~/Content/themes/base/css", "~/Content/css")
また、jqueryバンドルがデフォルトで設定されているため(少なくともデフォルトプロジェクトでは)、ボディの下部に別のスクリプトレンダリングがないことを確認してください。これを使用すると、datepickerにバグが発生します。 。
<input id="mydate" name="mydate" class="datepicker" type="text" value="@Model.mydate.Value.ToString("dddd, dd MMMM yyyy")" />
mydateは、viewModelに設定するパラメーターの名前であり、パラメーターはDateTimeオブジェクト(またはDateTimeOffSet)です(.Valueは、日付をnull許容として設定した場合のみであり、それ以外の場合は必要ありません)。
ビューの下部で、jqueryセクションを作成します。
@section scripts{
<script>
$(".datepicker").datepicker({ dateFormat: "DD, d MM yy", altFormat: "yy-mm-dd" });
</script>
}
(dateformatとaltformatはオプションです。必要な値を指定するか、まったく使用しないでください)
日付の配列については...配列をパラメーターとして含むビューモデルを使用し、このビューモデルをビューとコントローラーの間で渡します。その後、エディターテンプレートを定義し、そこからの日付を使用してテーブルを作成するのは非常に簡単です。