Primefaces日历组件仅显示月份和年份

Question

primefaces日历组件默认为获取日期.我可以只获得没有日期的月份和年份.

如何只获得一个月和一年

Answer 1

我只是用CSS隐藏了日期选择器的表格.我还必须创建自己的箭头进行导航,因为标准箭头不会触发dateSelect事件.

加价:

<p:commandButton actionListener="#{bean.decrementMonth}"
    id="navLeft" update="[your components]" icon="ui-icon-triangle-1-w" />

<h:panelGroup class="tableView">
    <p:calendar value="#{bean.selectedDate}" mode="inline" />
</h:panelGroup>

<p:commandButton actionListener="#{bean.incrementMonth}"
    id="navRight" update="[your components]" icon="ui-icon-triangle-1-e" />

CSS:

.tableView table,
.tableView a.ui-datepicker-prev,
.tableView a.ui-datepicker-next {
    display: none;
}

Bean方法:

public void decrementMonth() throws Exception {  
    Calendar c = Calendar.getInstance();
    c.setTime(this.selectedDate);
    c.add(Calendar.MONTH, -1);

            //... business logic to update date dependent data
}  

public void incrementMonth() throws Exception {  
    Calendar c = Calendar.getInstance();
    c.setTime(this.selectedDate);
    c.add(Calendar.MONTH, 1);

            //... business logic to update date dependent data
}  

结果(PrimeFaces 3.4.2):

Answer 2

PrimeFaces没有月份选择器组件.因此,如果您想使用基于jQuery的外部组件,请检查jQuery.mtz.monthpicker