Jquery datepicker仅在页面重新加载后打开

Question

我的一个表单中有一个jquery datepicker。单击文本字段时出现的唯一方法是在编辑表单时刷新页面。如果您在现场点击，我怎样才能让它工作？

咖啡脚本：

jQuery ->
$(document).ready ->
    $( "#datepicker" ).datepicker({
     dateFormat: 'yy-mm-dd'
});

我还尝试了日历railscast中的代码：

jQuery ->
  $( "#datepicker" ).datepicker({
   dateFormat: 'yy-mm-dd'
});

我的表格：

<%= f.text_field :deadline, id: "datepicker", placeholder: 'Deadline' %>

的application.js：

//= require jquery
//= require jquery_ujs
//= require jquery-ui/widgets/datepicker
//= require turbolinks
//= require_tree .

Application.scss：

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

Answer 1

这是一个turbolinks问题，使用turbolinks：反而加载。

document.addEventListener("turbolinks:load", function() {
   $( "#datepicker" ).datepicker({
      dateFormat: 'yy-mm-dd'
   });
})

See turbolinks docs