Primefaces Spinner benötigt zur Eingabe der formatierten Nummer

Question

In einem Java-Projekt verwenden wir PrimeFaces 2.2.1 als JSF-Erweiterung. Wir implementieren in einem Register Formular die Daten des Zeitplans als "Laden Stunden" getrennt in zwei Felder, Stunden und Minuten. Wir verwenden den Spinner (p: Spinner-Komponente) als Eingabeelement. Allerdings müssen wir die aktuellen Daten zeigen (nur ganze Zahlen) in dem Format, das mindestens zwei Zahlen an, wenn der Wert kleiner als 10.

Aktuelle Eingabeformat

Benötigte Eingabeformat

der Körper der JSF-Tags aussehen, als dies:

<div class="form_block"> 
     <div class="form_item"> 
      <h:outputText styleClass="form_item_label" value="Load Hours:"/> 
      <div class="form_item_field"> 
       <p:spinner id="hora" styleClass="spinnerField" style="height: 12px !important; box-shadow: none !important; border-radius: 4px 0px 0px 4px;" 
        value="#{hour}" min="00" max="23"><f:convertNumber pattern="00" minIntegerDigits="2" type="number"/></p:spinner>: 
       <p:spinner id="minutos" styleClass="spinnerField" style="height: 12px !important; box-shadow: none !important; border-radius: 4px 0px 0px 4px;" 
        value="#{minutes}" min="00" max="59" maxlength="2"><f:convertNumber pattern="00" minIntegerDigits="2" type="number"/></p:spinner> 
      </div> 
      <div class="clear"></div> 
     </div> 
    </div> 

Wir haben auch versucht, mit f: convertNumber Komponente innerhalb Spinner zu formatieren, aber scheint nicht wie erwartet zu arbeiten. Hat sonst noch jemand ähnliche Probleme gehabt? Irgendwelche Vorschläge, die du vielleicht teilst? Vielen Dank im Voraus

Hinweis. Wir haben keinen Zeitpicker implementiert, da wir jedes Feld (Stunden und Minuten) getrennt verarbeiten.

Answer 1

Eigentlich musste ich die Komponenten ändern. Anstatt p: spinner zu verwenden, wurde p: inputMask implementiert.