2012-09-07 34 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" />