1

我正在尝试从该站点包含一个日期时间选择器，但我离实现还很远。

该库的依赖项也少了 2 个站点上提到的文件（dropdowns.less 和 sprites.less）。我已经通过包含这些文件的 NuGet 包管理器安装了 bootstrap.less。

但是我在 _layout 页面的标题中添加了那些较少的文件。我只是尝试过：

link href="@Url.Content("~/Content/bootstrap/less/dropdowns.less")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/bootstrap/less/sprites.less")" rel="stylesheet" type="text/css" />

这是您选择日期后的外观屏幕截图。选择日期后，您可以选择选择时间：

弄乱

这就是它的样子：

日视图

我还添加了 bootstrap.less 附带的 javascript 文件：

// Bootstrap 3 script bundle
bundles.Add(new ScriptBundle("~/bundle/scripts/bootstrap_js").Include(
            "~/Content/bootstrap/js/bootstrap-transition.js",
            "~/Content/bootstrap/js/bootstrap-alert.js",
            "~/Content/bootstrap/js/bootstrap-button.js",
            "~/Content/bootstrap/js/bootstrap-carousel.js",
            "~/Content/bootstrap/js/bootstrap-collapse.js",
            "~/Content/bootstrap/js/bootstrap-dropdown.js",
            "~/Content/bootstrap/js/bootstrap-modal.js",
            "~/Content/bootstrap/js/bootstrap-tooltip.js",
            "~/Content/bootstrap/js/bootstrap-popover.js",
            "~/Content/bootstrap/js/bootstrap-scrollspy.js",
            "~/Content/bootstrap/js/bootstrap-tab.js",
            "~/Content/bootstrap/js/bootstrap-typeahead.js",
            "~/Content/bootstrap/js/bootstrap-affix.js"));

任何熟悉这个库的人都可以为我指出正确的工作方向吗？

编辑 我能够修复混乱的日历。但是现在我在 datetimepicker 关闭后看到了一条线索。关于如何删除它的任何想法？

踪迹

4

1 回答 1

1

那些 .less 文件只是描述样式，而不是功能，您还必须包含

@Scripts.Render("~/bundle/scripts/bootstrap_js")

在您的 _Layout 中拉入 .js 文件..

~希望有帮助

（你把 bundles.Add(...); 放在你的 BundleConfig.cs 中，对吧？）

虽然，我看的越多，在我看来，您可能设置正确，但您的日期/时间数据可能有问题？

于 2013-07-24T20:01:43.677 回答