基础和form_tag无效的jQuery UI datepicker

我是jQuery的初学者，我正在尝试实现一个datepicker。 我的Gemfile中有jquery-ui-rails gem。 我正在使用粉底，我的表格是： 

 
  
  
 
  "date-field") %> 
 
  
 
  "date-field") %> 
 
  
 
  
 
  "button" %>

在application.js我有： 

 //= require jquery //= require jquery_ujs //= require jquery-ui //= require foundation //= require_tree . $(function(){ $(document).foundation(); }); $(function() { $('.date-field').datepicker(); });

在application.css.scss我有： 

  *= require_tree . *= require_self *= require foundation_and_overrides *= require jquery-ui */ @import "foundation_and_overrides";

问题是我的文本字段保留为文本字段，单击它们时不会弹出日历。

在阅读完这个问题之后，我尝试停止我的服务器，运行bundle update ，然后运行bundle exec rake assets:precompile 。 这没用。

我还尝试在Chrome中使用开发人员工具进行一些挖掘。 当我检查应该显示datepicker日历的文本字段元素然后在开发人员工具中单击“sources”时，会有一个带有大量css文件的’app / jquery-ui’文件夹。 当我点击“网络”并重新加载页面时，我看到的唯一的javascript文件是’modernizr.self.js’，它显然位于’assets / vendor /’中。

这是否意味着jquery-ui javascripts不会被编译？ 如果是这样我该如何解决这个问题？

经过一些搜索和进一步调试后 – 我认为问题可能出在资产管道上 ，而且还没有看到application.js 。

文档准备好后，您可以调用datepicker。 喜欢以下代码。 

 //= require jquery //= require jquery_ujs //= require jquery-ui/datepicker $(document).ready(function() { $('.date-field').datepicker(); });
Interesting Posts