TwitterBootstrapを使用しているRails3.2.5アプリがあります。JQueryUIの日付ピッカーを使用しようとしています。私は解決策を探して何日もこれをグーグルで検索しましたが、何も見つかりません。RailsビューにJQueryの日付ピッカーで使用しようとしているテキストフィールドがあります。ただし、テキストフィールドをクリックしても、何も起こりません。
Railsビューには、次のような単純なtext_field_tagがあります。
<%= text_field_tag 'andrew' %>
私の関連するCoffeeScriptファイル:
$ ->
$('#andrew').datepicker
ChromeデベロッパーツールのJavaScriptコンソールで、次のエラーが表示されます。
Uncaught TypeError:オブジェクト[オブジェクトオブジェクト]にはメソッド'datepicker'がありません
これで、JQuery-UIとBootstrapの間に競合があると判断しました。同じJavaScriptコンソールで、次のことができます。
jQuery.noConflict();
そして私は得る
function (a,b){return new e.fn.init(a,b,h)}
次に、次のように入力できます。
$('andrew'.datepicker();
そして私は得る:
[<input id="andrew" name="andrew" type="text" class="hasDatepicker">]
この後、ブラウザウィンドウに移動すると、テキストフィールドをクリックすると、希望どおりに日付ピッカーカレンダーが表示されます。
では、これをコードで機能させるにはどうすればよいですか?つまり、JavaScriptコンソールで競合を手動で解決していますが、コードだけで競合を機能させることはできません。