Question

我使用rails-bootstrap-forms gem在铁路应用中创建表单。在表单中，我有一个日期输入：

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

我想在bootstrap-datepicker-rails gem中使用日期选择器，它举例说明：

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

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

或

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

我按照此answer更改了我的代码，但它没有工作：

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

然后，我按照bootstrap_form中的描述：

如果要向表单组div添加其他css类或任何其他属性，可以使用包装器：{class：＆＃39; additional-class＆＃39;，data：{foo：＆＃39 ;栏＆＃39;选项。

并将我的代码更改为：

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

它也不起作用。那么如何解决这个问题呢？感谢。

Answer 1

检查您的应用程序js和css是否需要文件

配置

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

* =需要bootstrap-datepicker

或者如果使用bootstrap v3：

* = require bootstrap-datepicker3

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

// = require bootstrap-datepicker

这应该有效：

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

如何在rails上使用引导程序形式的日期选择器

1 个答案: