javascript - 豊富なカレンダー フィールド

Question

リッチ カレンダーを使用して日付を選択しています。from と to の 2 つの日付フィールドがあります。開始日として自動的に日付が選択されると、同じ日付が入力されます。これを解決するのを手伝ってください。コード スニペットの添付

さらに先に進む方法がわかりません。

<h:outputLabel id="label3"/>
<rich:calendar id="vdFrom" inputStyle="width:60px" enableManualInput="true" oninputkeyup="checkdate(this,'date')" 
               value="#{mcifTransMBean.valueFromDate}" datePattern="MM/dd/yy" ondateselected="updateToClndDate('mcifTransForm:vdFrom','mcifTransForm:vdTo');" 
               immediate="true" >
    <f:facet name="optionalHeader"> 
        <h:panelGrid columns="2" width="100%" style="text-align:center;height:5px" columnClasses="width100, fake">
            <h:outputText value="Select Value Date From" />
        </h:panelGrid>
    </f:facet>

    <a4j:support id="vd1" event="ondateselected" reRender="vdTo" />
    <a4j:support id="vd2" event="onchanged" reRender="date" />

    </rich:calendar>

<h:outputText id="text7" styleClass="outputText" value=" To "></h:outputText>
<rich:calendar inputStyle="width:60px" id="vdTo" enableManualInput="true" oninputkeyup="checkdate(this,'date')" 
               value="#{mcifTransMBean.valueToDate}" datePattern="MM/dd/yy" >
    <f:facet name="optionalHeader">
        <h:panelGrid columns="2" id="updateto" width="100%" style="text-align:center;hieght:5px"columnClasses="width100, fake">
            <h:outputText id="opupdateto"  value="Select Value Date To" />
        </h:panelGrid>
    </f:facet>
</rich:calendar>