如何通过 JavaScript 设置丰富的日历日期？

Question

我在 xhtml 页面上有以下组件。

<h:inputText id="dateFromText" value="#{fileSearchCriteria.fromDateStr}">
    <a4j:support event="onchange" reRender="datePanel1" 
        onchange="checkdate();"  >
</h:inputText>


   <rich:calendar id="fromDate" style="width:175px;"
        popup="true" 
        howInput="false"
        enableManualInput="true"
        firstWeekDay="1" 
        value="#{fileSearchCriteria.fromDate}"
        inputClass="calendar" locale="${externalContext.locale}"
        datePattern="dd.MM.yyyy" >

   </rich:calendar>

如果输入的文本日期正确，我想通过 javascript 函数为富日历设置值。

function checkdate() {
         var txtDate = document.getElementById('dateFromText').value;
         var fromDate = document.getElementById('fromDate');

        if (chkdate(txtDate)){ 
          txtDate = txtDate.replace(new RegExp("\\.",'g'),'/');
          date1 = new Date(txtDate);
          //fromDate.value = date1 <== Problem !!!!!

        } else {alert("Incorrect date");}
    }

我该怎么做？

Answer 1

尝试将值设置为标准日历的输入。 您可以隐藏它，以防您使用输入文本。