在MVC Editor中使用jquery-datetimepicker.js

Question

我已經從NuGet中添加了XDSoft的jquery-datetimepicker，但是要使其在視圖上呈現存在很多麻煩。

我最終嘗試從http://xdsoft.net/jqplugins/datetimepicker/ （程序包的頁面）和http://www.codeguru.com/csharp/.net/net_asp/a-jquery整理一些說明-ui-based-date-picker-for-asp.net-mvc-5.html （用於jquery-UI包，但有更多通用幫助），但我一生無法確定我在哪里我錯了。

在BundleConfig.cs中，我添加了：

    // datetime picker
    bundles.Add(new ScriptBundle("~/bundles/datetime").Include(
        "~/Scripts/jquery.datetimepicker.js"));
    bundles.Add(new StyleBundle("~/Content/datetime").Include(
        "~/Content/jquery.datetimepicker.css"));

然后在_Layout.cshtml中，添加了：

    @Styles.Render("~/Content/datetime")

和：

    @Scripts.Render("~/bundles/datetime")

為了更好地進行測量，在進行故障排除時，我還嘗試將它們直接添加到相關視圖中，這基於創建視圖的模板。

因此，我的理解是，我所要做的就是將控件上的類設置為“ datetime”。 這不起作用（顯示為普通文本框）。

然后，我也嘗試使用@Html.TextBoxFor()來代替，也無濟於事。 如果我改為將類更改為xdsoft_datetimepicker ，它將留一個空白，而不是創建文本框，但顯然仍然不是我想要的。

任何指針或指向完整教程的鏈接（並沒有那么多假定的知識，例如https://cuteprogramming.wordpress.com/2015/08/29/jquery-plugins-xdsoft-datetimepicker-and-jssor-slider/ ，其中提到了添加一個函數，而不用說我到底在哪里添加或如何添加）以顯示模型上DateTime屬性的（瀏覽器不可知的）日期時間選擇器。

Answer 1

我還使用了您使用的codeguru網站上的ref 。 調試時，請檢查您的js和css文件是否正確加載。 如果不是，請在_Layout.cshtml使用直接鏈接引用而不是捆綁。