ruby-on-rails - Rails bootstrap datepicker - 添加新记录时，日历被下拉列表覆盖

Question

我在 Rails 表单中使用 bootstrap datepicker 发生了一些奇怪的行为。我在部分中使用 form_for 进行编辑和新建。编辑时，单击日期字段时日历显示完美，但添加新记录时，日历被包含最近通过表单输入的大约 6 个日期的下拉列表覆盖。日历控件也在列表下打开。我可以看到它的右边缘。此外，当我移动浏览器窗口或转到另一个打开的应用程序然后返回浏览器时，只有日历在那里......下拉列表消失了。好奇怪！

几周以来，我一直在寻找解决方案，并搜索了互联网和 datepicker 文档，但就是想不通。任何指导表示赞赏！

这是我的 form_for 中的 text_field。

<div class="field">
<%= f.text_field :visit_date, {"data-provide" => 'datepicker', 
"data-date-format" => "yyyy-mm-dd", "data-date-autoclose" => 
"true"} %>
 <%= f.text_area :location, placeholder: "Add visit location..." %>
</div>

我的 gem 文件中有 gem：

gem 'bootstrap-datepicker-rails', '~> 1.8.0'

我的 application.js 文件中有以下内容：

//= require bootstrap-datepicker

我的 application.css.scss 文件中有这个：

 *= require_tree .
 *= require_self
 *= require bootstrap-datepicker3
 */

标签： ruby-on-railsrubybootstrap-datepicker

Answer 1

您的问题的替代解决方案之一是关闭自动完成字段，您可以使用以下命令从以前的输入中关闭 html 自动完成

<%= form_for @your_data , :html => {:autocomplete=> 'off'} do |f| %>