YUI日历：如何禁用nextMonth单击

Question

在YUI日历标题中，有向左/向右箭头（链接），用于更改当前月份。 我希望能够禁用此链接的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

呈现日历后，您必须更改样式。

我做了以下操作，上一个和下一个按钮不再显示：

...

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

您可能想要禁用“ nextMonth click”，因为您实际上想将输入限制在顶部的某个日期。 如果是这样，您应该可以使用Calendar API设置最大日期值。