<p:calendar> Schaltfläche ist ausgeblendet, wenn deaktiviert = "True", wie man es trotzdem erscheinen lassen?

Question

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

Wenn diese Option aktiviert, können Sie die Schaltfläche sehen, dass das Popup öffnet:

Wenn deaktiviert, diese Taste verschwindet: Taste

Ich möchte zeigen, in deaktivierter Modus auch. Wie kann ich das erreichen?

Answer 1

Ausgehend von der 'p:' - Tag-Präfix stelle ich mir vor, Sie verwenden Primzahlen.

Die Schaltfläche ist deaktiviert, da es keinen Sinn für das Popup erscheinen macht, wird nicht der Benutzer in der Lage sein, das Datum in der Komponente zu ändern.

Was möchten Sie erreichen?

Wenn Sie den Eingang Textbox deaktivieren mögen, und zwingen den Benutzer die Datumsauswahl Popup zu verwenden, können Sie die readonlyInput = true Eigenschaft verwenden.

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"); 
}