2012-09-07 37 views
1

有什么方法可以使用素数日历清除日期选择?使用Primefaces日历选择清除日期

<p:calendar pattern="MM/dd/yyyy" navigator="true" id="endDate" for="endDate" 
readonlyInput="true" mindate="#{manageMarketingProgramsBean.currentDate}" showOn="button"> 
<f:convertDateTime pattern="MM/dd/yyyy" timeZone="America/New_York" /> 
</p:calendar> 

我有readonlyInput =“true”,因为我不希望用户输入日期。我强迫他们从日历中选择日期,还需要另一种方式为用户提供清除所选日期的功能。请让我知道我该如何做到这一点?

回答

4

是进入我的脑海里是第一种方法:

<p:calendar readonlyInput="true" widgetVar="calendarWidget"/>  
<p:commandButton value="Reset" onclick="calendarWidget.setDate(null)"/> 
+0

将这个按钮旁边的日历显示?有没有办法添加到日历本身的按钮或链接? – Sri

+0

是的,它只是一个额外的按钮,通过使用日历的JavaScript客户端API将日历值的值设置为空。你也可以使用纯html:''。 – fischermatte

+0

目前最好的解决方案,并没有upvotes呢。尴尬...... – Kawu

0

这为我工作

<p:calendar widgetVar="calendarWidget" pattern="MM/dd/yyyy" />  
<p:commandButton value="Reset" onclick="PF('calendarWidget').setDate(null)" 
type="button" />