如何在没有 gem 的 Rails 中使用 datepicker？答案

【问题标题】：How to use datepicker in rails without gem?如何在没有 gem 的 Rails 中使用 datepicker？
【发布时间】：2021-05-10 13:36:51
【问题描述】：

我已经尝试过使用 gem datepicker，但是我必须使用 datepicker 而不使用 datepicker 的任何 gem？我添加了 datepicker js 文件，例如

bootstrap-datepicker.ja.js bootstrap-datepicker.js

这个文件我已经加载到view(erb)中

<%= javascript_include_tag 'locales/bootstrap-datepicker.ja.js', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'bootstrap-datepicker.js', 'data-turbolinks-track' => true %>

但它不工作给出错误像在控制台中：

ActionView::Template::Error (bootstrap-datepicker.js):

页面错误：

Sprockets::Rails::Helper::AssetNotPrecompiled in MUser#index
bootstrap-datepicker.js

【问题讨论】：

标签： ruby-on-rails ruby-on-rails-4

【解决方案1】：

检查是否包含jquery，否则无法使用bootstrap。

尝试在其他两个脚本上方的视图中添加<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>。

所以你的代码应该是这样的：

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<%= javascript_include_tag 'locales/bootstrap-datepicker.ja.js', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'bootstrap-datepicker.js', 'data-turbolinks-track' => true %>

【讨论】：

这个也不能工作，给出同样的错误。
你试过安装gem 'jquery-rails'
是的，用gem 'jquery-rails'尝试过同样的错误来了

【解决方案2】：

您还可以查看<%= form.date_field :date_attribute %> - 它将使用所有主流浏览器都支持的本机日期选择器。

见https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

【讨论】：