1

ブートストラップの日付ピッカーは私にはうまくいきません。この質問が以前に出されたことは知っていますが、長い間検索しても答えが見つかりませんでした。

次の構成があります。ページをロードすると、入力フィールドが表示されますが、フィールドをクリックしても選択するカレンダーが表示されません。どんな助けでも大歓迎です。

アプリケーション.js

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require_tree .
//= require prototype
//= require prototype_ujs
//= require effects
//= require dragdrop
//= require controls
//= require bootstrap-datetimepicker
//= require bootstrap-datepicker
//= require_self

$('[data-behaviour~=datepicker]').datepicker()

アプリケーション.css

/*
 *= require_self
 *= require_tree .
 *= require bootstrap-datepicker
 */

custom.css.scss

@import "bootstrap";
@import 'bootstrap-datetimepicker';

そしてビューで

<input type="text" data-behaviour='datepicker' >

stackoverflow の他のトピックで提案されているいくつかのバリエーションを試しましたが、どれも機能しませんでした。例えば、

$(function() {
$('#dp5').datepicker()
});

一緒に

<input class="span2" id="dp5" readonly="" value="02-02-2012" size="16">

どちらも機能しません。

4

2 に答える 2

0

この宝石を試しましたか: https://github.com/lubieniebieski/bootstrap-datetimepicker-rails ?

datetimepicker に必要な Javascript と CSS を Rails アセット パイプラインに適切にパックします。

于 2013-10-24T07:34:33.223 に答える
0

この問題は、あなたのケースの jquery バージョンが原因で発生します

//= require jquery

別のバージョンの jquery をダウンロードして、現在のものと置き換えてみてください。私はまったく同じ問題を抱えていましたが、それが解決策でした。バージョン 1.5 または 2.0 などで試してください。

また、次の点にご注意ください。

//= require_tree .

javascript ディレクトリから .js ファイルをインクルードしているため、別のバージョンの jquery をダウンロードしていないこと、および自動的に 2 番目のバージョンもインクルードしていることを確認してください。競合の問題が発生します。

すべてがうまくいかない場合は、こちらの回答も見てみてください

重要：

テストするときは、必ず!でページを更新してください。 ctrl+ F5ページ全体が最初から更新され、キャッシュされた要素は含まれません。これは解決策を見つける可能性があるため非常に重要ですが、キャッシュが原因で変更に気付かず、キャッシュのためだけに解決策を見逃す可能性があります。

于 2013-10-24T07:49:50.497 に答える