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

Question

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

几周来我一直在寻找解决方案，并搜索了互联网和日期选择器文档，但就是无法解决这个问题。任何指导表示赞赏！

这是我 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
 */

Answer 1

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

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

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

Rails bootstrap datepicker - Calendar is covered by drop down list when adding new record

ruby

ruby-on-rails

bootstrap-datepicker