当disabled =“true”时隐藏按钮，如何使其显示？

Question

<p:calendar ... disabled="#{bean.disabled}" /> 

启用时，你可以看到打开的弹出按钮：<p:calendar>当disabled =“true”时隐藏按钮，如何使其显示？

禁用时，该按钮就会消失：

我想显示的按钮禁用模式。我怎样才能做到这一点？

Answer 1

从'p：'标记前缀判断，我想象你使用primefaces。

该按钮被禁用，因为弹出窗口没有任何意义，用户将无法修改组件中的日期。

你想实现什么？

如果要禁用输入文本框并强制用户使用日期选择器弹出窗口，则可以使用readonlyInput = true属性。

Answer 2

// this function make the button in disabled mode 
function disableCalendar(){ 
    $(".ui-datepicker-trigger ").prev().attr("disabled","disabled"); 
    $(":button").filter(".ui-datepicker-trigger ").attr("disabled","disabled"); 

} 
// this function remove the disabled mode 
function abilitaCalendar(){ 
    $(":button").filter(".ui-datepicker-trigger ").removeAttr("disabled"); 
    $(".ui-datepicker-trigger ").prev().removeAttr("disabled"); 
}