输入格式化数字所需的 Primefaces Spinner

Question

在一个 Java 项目中，我们使用 PrimeFaces 2.2.1 作为 JSF 扩展。我们正在以寄存器形式实施时间表数据，如 "Load hours" 分隔在两个字段中，小时和分钟。我们使用 Spinner（p:spinner 组件）作为输入元素。但是，我们需要以当值小于 10 时至少显示两个数字的格式显示当前数据（仅整数）。

当前输入格式

需要输入格式

JSF 标记的主体如下所示：

<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>

我们也尝试在 Spinner 中使用 f:convertNumber 组件进行格式化，但似乎没有像我们预期的那样工作。以前有没有其他人遇到过类似的问题？您有什么建议可以分享吗？提前致谢

注意。我们没有实现时间选择器，因为我们精确地处理分开的每个字段（小时和分钟）。

Answer 1

实际上，我不得不更改组件。不是使用 p:spinner 而是知道实现 p:inputMask.

输入格式化数字所需的 Primefaces Spinner

Primefaces Spinner required to Input formatted number

jsf

spinner

number-formatting

primefaces

jsf-2.2