如何通过 JavaScript 设置 rich:calendar 日期?

发布于 2024-11-26 00:06:45 字数 1076 浏览 1 评论 0原文

我在 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");}
    }

我该怎么做呢?

I have the following components on xhtml page.

<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>

I'd like to set value to rich calendar by javascript function if inputted text date is correct.

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");}
    }

How can I do it?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

秋叶绚丽 2024-12-03 00:06:45

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

Try to set value to standard calendar's input.
You may hide it,in case you use your input text.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文