readOnlyInput在p:calendar primefaces中不起作用

Question

我用这个:

    <p:calendar id="popupCal" yearRange="c:c+1" lang="fr" required="true"
                requiredMessage="Date obligatoire" readonlyInput="true"
                navigator="true" pattern="dd-M-yyyy" locale="fr"
                showOn="both" value="#{commandeMB.commande.dateCmd}"
                mindate="#{commandeMB.todaysDate}" />

正如我所写,我将readonyinput设置为true

我也测试了readonly为true,两者都是true但没有结果,总是可以改变日期

这是一个错误吗？

谢谢你的推荐

Answer 1

如果您希望该用户无法更改日历日期的值,只需查看它然后使用showOn="none"和readonly="true"in p:calender属性,我已经使用它和它的工作(我使用Primefaces 5.0希望它适用于所有版本):

Answer 2

readonly当您只允许用户使用面板选择日期并且不能更改输入的日期时使用。如果您希望用户无法更改日期，则必须使用disabled属性来做到这一点。

如果您希望用户可以看到日期选择器并且不能更改日期，您可以通过以下方式禁用 dateselectevent：

<p:calendar onfocus="$('#ui-datepicker-div td').unbind();" readonly="true"/>