Rails 4 JQuery datepicker не отображается

Question

мой jquery ui datepicker отлично работает, когда я напрямую открываю ссылку (http://localhost:3000/expenses/dateForm) после запуска приложения рельсов. Но когда я даю ссылку для представления («/ cost/dateForm») на моей домашней странице «Кнопка« Отчеты »и открываю ссылку, нажав кнопку« Отчеты »на домашней странице, datepicker не появляется.

Ниже вид 'dateForm':

<%= form_tag({:controller => 'expenses', :action => 'dateFilter'}, :class =>"datepicker") do %> 
<%= collection_select Category, :id, Category.all, :id, :name, :include_blank => "Please select category..." %> 
<%= label_tag("Start Date") %> <br /> 
<%= text_field_tag(:start_date) %> 
<%= label_tag("End Date") %> <br /> 
<%= text_field_tag(:end_date) %> 
<%= submit_tag "Submit" %> 
<% end %> 

Вот home.html.erb:

<section class="form-button-item"> 
    <%= link_to "Reports", '/expenses/dateForm', class: "btn btn-lg btn-block btn-primary"%> 
</section> 

Ниже мои application.js:

$(document).ready(function() { 

$("#start_date").datepicker({dateFormat: "yy-mm-dd"}); 
$("#end_date").datepicker({dateFormat: "yy-mm-dd"}); 

}); 

Пожалуйста предложить исправить эту проблему.

Answer 1

В рельсы 4 turbolinks добавлены по умолчанию, и турболинк делает приложение быстрее запрашивающим одни и те же ресурсы/активы без перекомпиляции при загрузке страницы.

Это означает, что при вставке прямого URL-адреса в браузер он перезагружает всю страницу, но если вы нажмете на ссылку, она не сможет перезагрузиться, а активы не будут перезагружены. поэтому dtepicker, похоже, не инициализируется, и это не сработает. Для замены этого кода:

<section class="form-button-item"> 
    <%= link_to "Reports", '/expenses/dateForm', class: "btn btn-lg btn-block btn-primary", data: { no_turbolink: true }%> 
</section> 

Вы можете отключить turbolink также из приложения: http://blog.flightswithfriends.com/post/53943440505/how-to-disable-turbolinks-in-rails-4

Более подробно о турбо ссылке: https://github.com/rails/turbolinks