Календарь YUI: как отключить следующий месячный клик

Question

В заголовке YUI Calendar есть стрелки влево / вправо (ссылки), которые изменяют текущий месяц. Я хотел бы иметь возможность отключить событие click этих ссылок. Я пытался использовать changePageEvent (), но это происходит после того, как месяц изменился. YAHOO.util.Event.removeListener, похоже, не работает (возможно, я делаю это неправильно).

спасибо

Answer 1

Если changePageEvent () срабатывает слишком поздно, почему бы не выбрать легкий путь? Добавьте следующее в свою таблицу стилей, и кнопки не будут отображаться вообще:

.yui-calendar .calnavleft, .yui-calendar .calnavright{ display:none; }

Если это не то, что вам нужно, вы можете физически удалить События, используя:

YAHOO.util.Event.removeListener(yourCalendarObject.linkLeft,'click');
YAHOO.util.Event.removeListener(yourCalendarObject.linkRight,'click');

Но кнопки все равно будут появляться, и, поскольку YUI использует в этих ссылках href «#», ваша страница перейдет наверх. Вам нужно будет применить немного CSS, чтобы скрыть их в любом случае.

Answer 2

Вам придется изменить стиль после отображения календаря.

Я сделал следующее, а кнопки 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");

Answer 3

Возможно, вы захотите отключить «клик на следующий месяц», потому что вы действительно хотите ограничить ввод определенной датой вверху. Если это так, вы можете установить максимальное значение даты с помощью календаря API.