0

bootstrap-datepicker(https://github.com/uxsolutions/bootstrap-datepicker)を取得して、適切な方法を初期化したり、その上のメソッドやイベントを呼び出すことはできません。起動できませんbootstrap-datepicker

私はLaravel 5.4.7を使用しています/ヴューの2.3.3/jQueryの3.1.0

私のHTMLは次のようになります。

<input type="text" data-provide="datepicker" />

しかし、私は使用して日付ピッカーを初期化してみてください

$('.datepicker').datepicker({ 
     todayHighlight: true 
    }); 

私はコードを置く場所それは問題ではありません(最初、最後、VUEのCR:それは任意のプロパティ(エラーなしのいずれか)を設定していない「公式」の方法eated-method、vueマウントされたメソッド、$ nextTick)。しかし働き、このような値を設定

他のメソッドやイベントの非以来、残念ながら

$.fn.datepicker.defaults.todayHighlight = true;

だけ$.fn.datepicker.defaultsを使用することは十分ではありませんどちらか動作するようです。

誰かが間違っているかもしれないという手がかりを持っていますか?

+0

datepickerライブラリの前にjQueryライブラリを追加しましたか? –

+2

入力フィールドに 'class =" datepicker "を追加してください –

答えて

1
はこれにあなたの inputフィールドコードを変更し

<input type="text" data-provider="datepicker" class="datepicker" />

問題は、datepickerクラスを持つ要素を探していたCSSセレクタすなわちあったが、そのような要素は、彼らではなかったです。

だから、class属性を追加するだけです。

+1

ありがとう!私はこれを見落としました。ドキュメントは例と少し矛盾しています。私は 'data-provider =" datepicker "タグで十分だろうと思っていました。 –

+1

@ArnovanOordtクラス名の代わりにそれを使いたいなら、 '$( '[data-provide =" datepicker "]')'を使うことができます。 –

+0

@RoyJはい、jQueryコードがクラスセレクタを使用していたので、クラス属性を追加する方が簡単です –