2013-04-22 99 views
3

我想为我的Rails应用程序安装jQuery UI Datepicker,它基于:https://github.com/joliss/jquery-ui-rails,以及关于此主题的Revised Railscast以及无数线程试图使其工作。无论我尝试什么,似乎都不起作用。jQuery UI datepicker不能与Rails工作

的application.js

//= require jquery 
//= require jquery_ujs 
//= require jquery.ui.datepicker 
//= require_tree . 
//= require tinymce-jquery 

application.css

*= require jquery.ui.datepicker 
*= require_self 
*= require_tree . 

new.html.erb

<%= f.label :due_date %> 
    <%= f.text_field :due_date %> 

modelname.js.coffee

jQuery -> 
$('#modelname_due_date').datepicker (dateFormat: 'dd-mm-yy') 

这似乎是所有我需要做这项工作,但是我已经试过无济于事许多变化。在Chrome中进行调试时,控制台没有任何错误。任何帮助表示赞赏。

+0

检查控制台(Chrome开发工具)是否有错误? – CuriousMind 2013-04-22 18:30:12

+0

没有任何错误引发到控制台,当我点击文本字段时,它什么也不做。页面加载后 – Drew 2013-04-22 18:37:53

+0

,你可以尝试javascript语句来创建chrome chosole中的datepicker吗?即$('#modelname_due_date')。datepicker(dateFormat:'dd-mm-yy')然后尝试重点关注文本字段。如果这样的话,那么在加载组件时会出现问题,如果那样做不是那么缺失/错误来创建日期选择器 – 2013-04-22 19:35:32

回答

5

试图给一个类你输入字段,如:

<%= f.text_field :due_date,class: "modelname_due_date %> 

在使用类选择的情况下,JavaScript代码应改为:

$('.modelname_due_date').datepicker (dateFormat: 'dd-mm-yy') 

然后,你将有javascript代码触发。

+0

感谢您的回复。现在类名已添加到我的领域,不幸的是日期选择器仍然不工作:( – Drew 2013-04-22 18:18:01

+0

检查您的Gemfile'gem'jquery-ui-rails''。什么是您的型号名称? – 2013-04-22 18:32:08

+0

Gem在那里。型号名称是简单的'项目',所以class name和id是'project_due_date' – Drew 2013-04-22 18:34:28