Rails 4 - 引导日期选择器答案

【问题标题】：Rails 4 - Bootstrap date pickerRails 4 - 引导日期选择器
【发布时间】：2016-02-24 11:25:12
【问题描述】：

我有一个 rails 4 应用程序，我使用引导程序和简单的表单。

我正在尝试按照本教程进行操作，以便我可以使用单击日期选择器而不是单独的日期、月份和年份字段。

https://learningnewtricks.wordpress.com/2013/07/03/bootstrap-date-picker-on-rails-so-simple/

我已经实现了本教程中的所有步骤，但日期选择器没有任何变化。

我有：

宝石文件：

gem 'bootstrap-datepicker-rails'

应用程序.js

@import "bootstrap-sprockets";
@import "bootstrap";
//= require underscore
//= require gmaps/google
//= require jquery
//= require bootstrap
//= require bootstrap-sprockets
//= require bootstrap-slider
//= require jquery_ujs
//= require bootstrap-datepicker
//= require_tree .

application.css.scss

 *= require_framework_and_overrides.css.scss
 *= require bootstrap-datepicker
 *= require_self
 *= require_tree .

查看 (html.erb)

<%= f.date_select :start_date, :label => "When does this project begin?", 'data-behaviour' => 'datepicker', order: [:day, :month, :year] %>

如何获得日期字段的日历选择器？

【问题讨论】：

您的 application.js 和 application.css.scss 文件没有任何意义。您如何将 Bootstrap 添加到您的应用程序中：GEM 还是其他方式？
gem 'sass-rails', '~> 5.0' gem 'bootstrap-sass', '~> 3.3.5' gem 'font-awesome-sass', '~> 4.4.0' gem 'bootstrap-slider-rails' gem 'bootstrap-datepicker-rails'
请访问 bootstrap-sass Docs 以便修复您的应用程序文件。
我已经看过这些文档几次了。您指的是：然后，删除所有 *= require_self 和 *= require_tree 。 sass 文件中的语句。相反，使用 @import 导入 Sass 文件。不要在 Sass 中使用 *= require ，否则您的其他样式表将无法访问 Bootstrap 混合或变量。在 app/assets/javascripts/application.js 中需要 Bootstrap Javascript： //= 需要 jquery //= 需要 bootstrap-sprockets
^^ 让我完全困惑。

标签： jquery css ruby-on-rails twitter-bootstrap datepicker

【解决方案1】：

本教程适用于您使用 Rails 4 的 Rails 3。主页https://github.com/Nerian/bootstrap-datepicker-rails说它集成了Rails 3资产管道（后面版本的设置会提到）。

当您尝试将旧项目迁移到更高版本的 Rails 时，您可能会忽略资产管道中的更改，如此处提到的 http://guides.rubyonrails.org/asset_pipeline.html#upgrading-from-old-versions-of-rails

这也可能与您的其他问题有关。

【讨论】：