2017-06-27 14 views
0

Web AppにDatePicker jQueryカレンダーがあります。前月または翌月に変わる矢印は現時点では「透明」です。しかし、月が変わる「矢」をクリックするとうまくいくことに気付きました。jQuery Datepickerでクラスを追加する方法

私は、開発者に対しツールに次のコードを試してみた、それが動作します:

$('.ui-datepicker-next span').addClass('ui-btn ui-corner-all ui-icon-arrow-r ui-btn-icon-notext ui-alt-icon ui-nodisc-icon'); 
$('.ui-datepicker-prev span').addClass('ui-btn ui-corner-all ui-icon-arrow-l ui-btn-icon-notext ui-alt-icon ui-nodisc-icon'); 

私はマイルのコードで、このコードサンプルを追加することができますどのように?私はそれを "beforeShow"メソッドに含めるようにしましたが、うまくいきません。

アイコンを表示する人はいますか?

ありがとうございます!

答えて

1

後、あなたのjQueryを実行してみてください。とにかく

、何がやりたいことは日付ピッカーが開いた後、次のようなあなたのbeforeShow方法でわずかな遅延を追加することができ、それらのclasesを追加している場合は、あなたの質問に答える:

意志
setTimeout(function() { 
    $('.ui-datepicker-next span').addClass('ui-btn ui-corner-all ui-icon-arrow-r ui-btn-icon-notext ui-alt-icon ui-nodisc-icon'); 
    $('.ui-datepicker-prev span').addClass('ui-btn ui-corner-all ui-icon-arrow-l ui-btn-icon-notext ui-alt-icon ui-nodisc-icon'); 
}, 500); 

jqueryでdatepickerを生成するのに十分な500ms後にクラスを追加してください。

+0

ありがとう!実際に私はそれを得る!それは図書館の問題でした。 –

0

はあなたのアイコンがあなたのCSSスタイルのような何かが欠けているので、それはおそらくです適切に表示されていない場合は、ページの読み込み

// A $(document).ready() block. 
$(document).ready(function() { 
    $('.ui-datepicker-next span').addClass('ui-btn ui-corner-all ui-icon-arrow-r ui-btn-icon-notext ui-alt-icon ui-nodisc-icon'); 
    $('.ui-datepicker-prev span').addClass('ui-btn ui-corner-all ui-icon-arrow-l ui-btn-icon-notext ui-alt-icon ui-nodisc-icon'); 
}); 
+0

カレンダーjQuery Datepickerが入力内にあるため動作しません。ユーザーが入力をクリックすると、カレンダーが表示されます。このため、私は "beforeShow"というイベントを試しましたが、どちらも動作しません。 –

+0

@AngelSilvan:これを試しましたか? – C2486

+0

はい、もちろんです。ただし、クラスを正しく追加する唯一の方法は、datepickerが表示されている場合です。前にクラスを追加しても(afterLoad上でも)、それは動作しません。 –

関連する問題