ruby-on-rails - 如何在 Rails 上以引导形式使用日期选择器

Question

我用rails-bootstrap-formsgem 在铁路应用程序中创建表单。在表格中，我有一个日期输入：

<%= f.date_select :end_date, hide_label: true %>

我想在bootstrap-datepicker-railsgem 中使用日期选择器，它举了一个例子：

<input type="text" class='datepicker' >

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

或者

<input type="text" data-provide='datepicker' >

我遵循了这个答案并更改了我的代码，但它没有用：

<%= f.text_field :start_date, hide_label: true, class: 'datepicker' %>
<script type="text/javascript">
  $(document).ready(function(){
    $('.datepicker').datepicker();
  });
</script>

然后，我按照 bootstrap_form 中的描述进行操作：

如果要向表单组 div 添加额外的 css 类或任何其他属性，可以使用 wrapper: { class: 'additional-class', data: { foo: 'bar' } } 选项。

并将我的代码更改为：

<%= f.text_field :start_date, hide_label: true, wrapper: {class: 'datepicker'} %>

它也没有奏效。那么如何解决这个问题呢？谢谢。

Answer 1

检查您的应用程序 js 和 css 以获取所需文件

配置

将此行添加到 app/assets/stylesheets/application.css

*= 需要引导日期选择器

或者如果使用引导 v3：

*= 需要 bootstrap-datepicker3

将此行添加到 app/assets/javascripts/application.js

//= 需要引导日期选择器

这应该工作：

<%= f.text_field :start_date, hide_label: true, class: 'datepicker' %>