Jquery datepickerはページリロード後にのみ開きます

Question

私のフォームの1つに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