5

プライム フェイス カレンダーを使用して日付の選択をクリアする方法はありますか?

<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

5 に答える 5

6

私の頭に浮かぶ最初のアプローチは次のとおりです。

<p:calendar readonlyInput="true" widgetVar="calendarWidget"/>     
<p:commandButton value="Reset" onclick="calendarWidget.setDate(null)"/>
于 2012-09-07T21:28:27.293 に答える
0 
<p:calendar
    widgetVar="calendarWidgetStart"
/>

<p:calendar
    widgetVar="calendarWidgetEnd"
/>

<p:commandLink
    value="Action"
    action="#{entity.action}"
    onclick="setTimeout('remoteCommand();', 100);"
/>

<p:remoteCommand
    name="remoteCommand"
    update="@form"
    onstart="clearCalendarWidget();"
/>

<script>
    function clearCalendarWidget() { 
        $( PF('calendarWidgetEnd').setDate(null) ); 
        $( PF('calendarWidgetStart').setDate(null) );
    } 
</script>
于 2021-07-15T16:19:38.807 に答える