如何使用 p:calendar 隐藏周末 - PrimeFaces 6.2
How to hide weekends with p:calendar - PrimeFaces 6.2
我正在使用 PrimeFaces 6.2。
<p:calendar id="calendar"
inputStyleClass="calendar_retour"
value="#{returnService.date}"
locale="fr"
rendered="#{returnService.displayCalendar}"
showOn="button" showButtonPanel="true"
readonlyInput="true"
disabledWeekends="true"
mindate="#{returnService.todayDate}"
placeholder="__/__/__"
/>
我可以通过以下方式禁用周末:
disabledWeekends="true"
但是,我没有找到任何隐藏星期六和星期日的解决方案"columns"。
你有想法吗?
正如 Kukeltje 所建议的那样,CSS 就是答案。
用于周六和周日列的class是ui-datepicker-week-end
.ui-datepicker-week-end {
display: none;
}
结果如下:
我正在使用 PrimeFaces 6.2。
<p:calendar id="calendar"
inputStyleClass="calendar_retour"
value="#{returnService.date}"
locale="fr"
rendered="#{returnService.displayCalendar}"
showOn="button" showButtonPanel="true"
readonlyInput="true"
disabledWeekends="true"
mindate="#{returnService.todayDate}"
placeholder="__/__/__"
/>
我可以通过以下方式禁用周末:
disabledWeekends="true"
但是,我没有找到任何隐藏星期六和星期日的解决方案"columns"。
你有想法吗?
正如 Kukeltje 所建议的那样,CSS 就是答案。
用于周六和周日列的class是ui-datepicker-week-end
.ui-datepicker-week-end {
display: none;
}
结果如下: