YUIカレンダーヘッダーには、現在の月を変更する左/右の矢印(リンク)があります。 このリンクのクリックイベントを無効にしたいと考えています。 changePageEvent()を使用しようとしましたが、月が変更された後に発生します。 YAHOO.util.Event.removeListenerが動作していないようです(多分私は間違っています)。YUIカレンダー:nextMonthクリックを無効にする方法
おかげで簡単な方法を取らない理由
YUIカレンダーヘッダーには、現在の月を変更する左/右の矢印(リンク)があります。 このリンクのクリックイベントを無効にしたいと考えています。 changePageEvent()を使用しようとしましたが、月が変更された後に発生します。 YAHOO.util.Event.removeListenerが動作していないようです(多分私は間違っています)。YUIカレンダー:nextMonthクリックを無効にする方法
おかげで簡単な方法を取らない理由
changePageEvent()が遅すぎる発射した場合は、?あなたのスタイルシートに次を追加し、ボタンがまったく表示されません:、
YAHOO.util.Event.removeListener(yourCalendarObject.linkLeft,'click');
YAHOO.util.Event.removeListener(yourCalendarObject.linkRight,'click');
をしかし:
.yui-calendar .calnavleft, .yui-calendar .calnavright{ display:none; }
をそれはあなたが好きなものではないなら、あなたは物理的に使用してイベントを削除することができますボタンは引き続き表示され、YUIはこれらのリンクで「#」のhrefを使用するため、ページは先頭にジャンプします。いずれかの方法で非表示にするには、CSSを適用する必要があります。
実際に入力を特定の日付の上部に制限したいので、「nextMonthクリック」を無効にしたい場合があります。その場合は、カレンダーAPIを使用して最大の日付値を設定できるはずです。
カレンダーのレンダリング後にスタイルを変更する必要があります。
私は以下のなかったとPREVおよびNEXTボタンは、もはや示していた。
...
companyCalendar.render();
...
var Dom = YAHOO.util.Dom;
var navLeft = Dom.getElementsByClassName("calnavleft", "a", "companyCalendarContainer")[0];
var navRight = Dom.getElementsByClassName("calnavright", "a", "companyCalendarContainer")[0];
// hide the existing nav buttons
Dom.setAttribute(navLeft, "style", "display: none");
Dom.setAttribute(navRight, "style", "display: none");
を私はまた、render()メソッドへの各呼び出しの後、あなたはボタンを非表示にする必要があることを発見しました。このコードを関数に入れることができます。 各レンダリングの後、デフォルトのprevとnextボタンが再び表示されます。 – Abe