如何在 Rails 5.1 应用程序中实现 jQuery Datepicker答案

【问题标题】：how to implement jQuery Datepicker into Rails 5.1 app如何在 Rails 5.1 应用程序中实现 jQuery Datepicker
【发布时间】：2017-09-22 08:29:48
【问题描述】：

我正在尝试在我的 Rails 5.1.3 应用程序中实现 jQuery Datepicker，但收到以下错误消息：

ActionView::Template::Error at /users/2/absences/new 要导入的文件未找到或不可读：jquery-ui/widgets/datepicker。加载路径：
/Users/acandael/Sites/absence_registrator/app/assets/config
/Users/acandael/Sites/absence_registrator/app/assets/images
/Users/acandael/Sites/absence_registrator/app/assets/javascripts
/Users/acandael/Sites/absence_registrator/app/assets/stylesheets

我已将 jquery-ui-rails gem 添加到 Gemfile

然后我配置了 app/assets/javascripts/application.js 文件：

//= require jquery-ui/widgets/datepicker

我还配置了 app/assets/stylesheets/application.scss 文件：

@import "jquery-ui/widgets/datepicker";

最后我在视图模板中配置了 Datepicker：

<%= f.text_field :date, class: "form-control", id: "datepicker" %>

<script>
 $(function() {
 $( "#datepicker" ).datepicker();
 });
</script>

更新

我通过改变取得了一些进步

//= require jquery-ui/widgets/datepicker

到

//= require jquery-ui/datepicker

在 app/assets/javascripts/application.js 中

在 app/assets/stylesheets/application.scss 中

我变了

@import "jquery-ui/widgets/datepicker";

到

/*
 *= require jquery-ui/datepicker
*/

但出现的 Datepicker 没有样式。

所以我现在的问题是如何为 Datepicker 实现 CSS 样式

更新

我通过导入修复了样式问题：

@import 'jquery-ui/datepicker.css';

进入 app/assets/stylesheets/application.scss

感谢您的帮助，

安东尼

【问题讨论】：

标签： ruby-on-rails jquery-ui ruby-on-rails-5.1

【解决方案1】：

我尝试了您的方法和其他几种方法。他们都出错了，或者没有在应该显示的地方显示 JS 控件。

最终我改用了这个 gem，并遵循了他们非常简单的指示并成功了！铁路 5.0.6。 https://github.com/TrevorS/bootstrap3-datetimepicker-rails

【讨论】：