Question

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

ActionView :: Template :: Error at / users / 2 / absences / new要导入的文件   找不到或不可读：jquery-ui / widgets / datepicker。加载路径：
  /用户/ acandael /网站/ absence_registrator /应用/资产/配置
  /用户/ acandael /网站/ absence_registrator /应用/资产/图像
  /用户/ acandael /网站/ absence_registrator /应用/资产/ JavaScript的
  /用户/ acandael /站点/ absence_registrator /应用程序/资产/样式表

我已将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

感谢您的帮助，

安东尼

Answer 1

我尝试了你的方法和其他几个方法。他们所有的错误都没有显示或没有显示JS控件应该在哪里。

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

如何将jQuery Datepicker实现到Rails 5.1 app

更新

更新

1 个答案: