2013-04-22 4 views
3

Я пытаюсь установить jQuery UI Datepicker для моего приложения Rails на основе: https://github.com/joliss/jquery-ui-rails, а также пересмотренного 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 Dev), какие-либо ошибки? – CuriousMind

+0

Ошибок не бросают в консоль, он просто ничего не делает, когда я нажимаю на текстовое поле. – Drew

+0

после загрузки страницы, можете ли вы попробовать выполнить javascript для создания datepicker в chrome chosole? т. е. $ ('# modelname_due_date'). datepicker (dateFormat: 'dd-mm-yy') Затем попытайтесь сфокусировать текстовое поле. Если это работает, то что-то не так в загрузке компонента, если это не то, что-то отсутствует/неправильно для создания datepicker –

ответ

5

Try, чтобы дать класс в поле ввода, например:

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

В случае использования селектора класса, JavaScript-код должен быть изменен:

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

Тогда вы будете иметь код яваскрипта срабатывает.

+0

Спасибо за ответ. Имя класса теперь добавлено в мое поле, к сожалению, датапикер все еще не работает :( – Drew

+0

Проверьте свой Gemfile для 'gem 'jquery-ui-rails''. Как именно ваше имя модели? –

+0

Gem есть. просто «проект». Таким образом, имя класса и идентификатор - «project_due_date». – Drew

Смежные вопросы