ブートストラップ時間ピッカーレール宝石

Question

のない私は、私はstarts_at:datetimeフィールドを持っていると私はここでbootstrap-datetimepicker

を使用して、フォームを記入したい

にしようとしている私の形式は次のとおりです。

= simple_form_for @event do |f| 
    = f.input :title 
    = f.input :starts_at 
    = f.button :submit 

私の主.jsファイル：

$(document).ready(function(){ 
     $(".form_datetime").datetimepicker({format: 'yyyy-mm-dd'}); 
}); 

starts_at datettimepicker入力スタイル？

Answer 1

JavaScriptをあまりにも多く投げるのは悪い考えです。このように別々のファイルにJSを動かす考えてみましょう：あなたのコードの残りの部分を見ることなく

%script{:type => "text/javascript", :src => "/js/myscript.js"} 

、私の最高の推測では、JavaScriptのが正しい順序でロードされていないことです。このDateTime Pickerが機能するには、JQueryとBootstrapをロードする必要があります。

スクリプトの注文については、this SOの記事を参照してください。

またDOMハンドリングコードをdocument.ready callbackに入れることを検討してください。そうしないと、DOMエレメントが添付される前にコードが実行される可能性があります。

$(document).ready(function(){ 
    your_code_goes_here(); 
}); 

Answer 2

datepickerを指定する入力要素に対して.datetimepicker()メソッドを呼び出す必要があります。それでも解決しない場合は

$("#event_starts_at").datetimepicker({format: 'yyyy-mm-dd'});

するか、あなただけの入力要素異なるidを与えたい場合は、オプションを渡すことによって、それを上書きすることができます。Simple_formはID "event_starts_at"を持つ要素を生成する必要があり、そうしてみてください：

= f.input :starts_at, id: "event_starts_at"