rails 4 bootstrap 3 datepicker 不会设置 bootstrap css 样式答案

【问题标题】：rails 4 bootstrap 3 datepicker will not style bootstrap cssrails 4 bootstrap 3 datepicker 不会设置 bootstrap css 样式
【发布时间】：2014-01-22 22:37:59
【问题描述】：

我正在尝试实现我的表单之一的引导日期选择器。我已经尝试过这些路径 https://github.com/Nerian/bootstrap-datepicker-rails//github.com/lubieniebieski/bootstrap-datetimepicker-rails 并且引导 css 没有显示。

目前我正在使用此版本 https://github.com/lubieniebieski/bootstrap-datetimepicker-rails 并在我的 application.js 中使用此 /= 需要 bootstrap-datetimepicker 并在我的 boostrap_and_overidecss.scss 中使用此 @import 'bootstrap-datetimepicker';。以下是我的脚本：

<script type="text/javascript">
  $(document).ready(function(){
    $('#insurance_start_date').datepicker();
  });
</script>

任何照亮这个灵魂的光都将不胜感激！

【问题讨论】：

您的问题解决了吗？我是this datepicker 的作者。如果我能帮助你，请告诉我
没有。我暂时离开了，只使用了 jQuery datepicker，但如果我真的回来了，我会确保更新这篇文章。

标签： ruby-on-rails twitter-bootstrap datepicker twitter-bootstrap-3

【解决方案1】：

如果你只是想要一个日期选择器，我认为它已经升级为支持 BS3：https://github.com/eternicode/bootstrap-datepicker

如果你想要日期和时间，我想这是一个：https://github.com/Eonasdan/bootstrap-datetimepicker

我没有尝试过后者，因为其他一些框架还不能工作（主要是简单形式），但这些是我两周前评估升级路径时想到的。

【讨论】：

感谢您的回答。但不知何故，日期选择器 css 未正确应用。
仅供参考：我继续，只是从 jQuery 小部件中获取了日期选择器。

【解决方案2】：

我现在正在研究与您完全相同的宝石。

虽然我不确定我会得到多少帮助，但这里指出了两件事可能会有所帮助。

1) 可能是拼写错误，但您的 bootstrap_and_overrides.css.scss 似乎具有不正确的文件扩展名。您的似乎缺少覆盖和 css 之间的时间段。

2) 为了让引导程序正常工作，我所做的就是直接使用*= require bootstrap-datetimepicker 将其导入我的应用程序 css 布局。有了这个，我确实有 bootstrap 的日历......虽然，在你选择日期后，我仍然无法关闭日历。

祝你好运，希望这会有所帮助。

【讨论】：

实际上 jquery-UI 覆盖了引导程序。在 jquery-ui 中重新编译以不包含 datepicker。