2012-04-24 11 views
1

私はDatePicker UIを使って約12カレンダーを一度に表示しています。私はすべてのタイトルを共通にカスタマイズしたいと思います。jQuery UI-Datepicker複数月のカスタムタイトル

私の考えは、Jqueryを使用して、タイトルが付いたDIVの#ui-datepicker-divという要素を追加することでした。しかし、カレンダーが表示されたらトリガされないので、datepicker内でHTMLコードを置き換えたり追加したり削除したりすることができず、datepickerと同じ場所に別のDIVや場所を追加することもできません。

私の貧しい人の英語のためにありがとうと申し訳ありません。

答えて

0

beforeShowイベントのイベントを使用して変更を加えることができます。このイベントは、カレンダーをすぐに表示するときにも発生します。

$(yourDatepickerDivOrWhatever).datepicker({ 
    beforeShow: function(){ 
     // your changes to the datepicker headline here 
    } 
}); 

また、あなたはこのカレンダーにすでに変更を行っていることを示すためにデータ属性を追加することができます。

+0

私はbeforeShowが内部のすべてのコンテンツを再度描画するので、これは解決策ではないと思います。つまり、日付ピッカーも表示されている場合は、 –

+0

ですが、1つの解決策は、カスタムクラスを要素に追加/削除することでした。したがって、タイトルとともに背景画像を追加することでした –