Visual Studio 2013 MVC-jQuery Datepicker

Question

我剛剛開始使用MVC在Visual Studio 2013中創建應用程序。 我正在嘗試使用jquery datapicker。 我希望它在有DateTime字段的地方顯示日期選擇器。 我正在使用腳手架（模板）創建控制器。

1. 我已經導入了JQuery UI（組合庫）。
2. 在BundleConfig.css中，我向捆綁包中添加了“〜/ Content / themes / base / all.css”。添加（新的StyleBundle（“〜/ Content / css”）。Include

3. 另外添加了一個新的捆綁包-

    bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include( "~/Scripts/jquery-ui-{version}.js)); 

4. 在_Layout.cshtml中，我添加了2個新的Scripts.Render。

    @Scripts.Render("~/bundles/jqueryui") @Scripts.Render("~/Scripts/AQB_MON.js") 

5. 我用以下代碼創建了AQB_MON.js

    $(document).ready(function(){ $(".input[type='datetime']").each(function(){ $(this).datepicker(); }); }) 

一切似乎對任何日期時間字段都沒有影響。 這是由於使用腳手架來創建我的控制器/視圖嗎？ 正如我在顯示我的日期時間字段時嘗試使用ToShortDateString（）一樣，由於搭建了腳手架而遇到了一個問題。

Answer 1

您應該使用htmlhelper來顯示日期時間選擇器。 了解更多有關html helper的信息。