将 jquery-datetimepicker.js 与 MVC EditorFor 一起使用答案

【问题标题】：Using jquery-datetimepicker.js with MVC EditorFor将 jquery-datetimepicker.js 与 MVC EditorFor 一起使用
【发布时间】：2016-08-26 21:10:44
【问题描述】：

我已经从 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")

为了更好地衡量，在故障排除中，我也尝试将它们直接添加到有问题的视图中，它基于创建视图的模板。

所以我的理解是，我必须做的就是将控件上的类设置为“日期时间”。这不起作用（显示为普通文本框）。

然后我也尝试改用@Html.TextBoxFor()，但也无济于事。如果我将类改为xdsoft_datetimepicker，它会留下一个空白，而不是创建一个文本框，但显然也不是我想要的。

任何指针，或指向完整教程的链接（不像https://cuteprogramming.wordpress.com/2015/08/29/jquery-plugins-xdsoft-datetimepicker-and-jssor-slider/ 那样的假设知识，它提到添加一个函数，但没有说明我到底在哪里添加它或如何添加它）非常感谢为模型上的 DateTime 属性显示（与浏览器无关的）日期时间选择器。

【问题讨论】：

您必须将插件附加到元素上，例如 $(someElement).datetimepicker({ ... });` 显示您的视图。

标签： javascript c# jquery asp.net-mvc

【解决方案1】：

我还使用了您使用的 codeguru 网站上的ref。调试时检查您的js 和css 文件是否正确加载。如果没有，请在 _Layout.cshtml 中使用直接链接引用而不是捆绑。

【讨论】：