java - 如何禁用内联 p :calendar (primefaces)

Question

我注意到禁用内联 p:calendar 实际上会隐藏它。

我一直期望禁用的 p:calendar 只是显示一个只读日历，就像所有其他典型的 JSF 组件一样。

如果我想要一个隐藏的 p:calendar，我会使用渲染属性。

有没有办法禁用内联 p:calendar 而不隐藏它？ (只是阻止鼠标和键盘)

Primefaces 4。

Answer 1

毕竟结果是一个跨度，所以你可以使用普通的 jQuery 来调整样式。

$('.disabledCalendar').children().fadeTo('slow', .7);
$('.disabledCalendar').append('<div style="position: absolute;top:0;left:0;width: 100%;height:100%;z-index:2;opacity:0.4;filter: alpha(opacity = 50)"></div>');
$(".ui-datepicker-inline td").unbind();

并将类(class)分配给日历:

<p:calendar styleClass="disabledCalendar" mode="inline" />

注意:如果有人在客户端使用样式并删除蒙版，这可能会很棘手。他们将能够更改该值，因为该解决方案显然不会反射(reflect)在服务器端。我会在服务器端进行一些验证，以确保该值没有改变。

编辑:您还可以将我的解决方案与 Kishor P 答案结合起来并取消绑定(bind)事件(我已经编辑了 jQuery 的代码)。这样会更安全。

可以在 github 上找到一个小型工作示例。 。还有一个online Demo .

希望这有帮助。