使用jquery-datetimepicker.js与MVC编辑器

本文关键字：MVC 编辑器 js jquery-datetimepicker 使用 | 更新日期: 2023-09-27 18:04:08

我已经从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属性的日期时间选择器(与浏览器无关)将非常感谢。

使用jquery-datetimepicker.js与MVC编辑器

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

相关文章：