如何从JavaScript中的ap:calendar组件获取Date值？

Question

我不知道如何获得的日期值<p:calendar>在PrimeFaces使用组件的JavaScript

这是我的组成部分

<p:calendar id="calendarInicio"
            widgetVar="horaInicioSpin"
            value="#{hbean.horaInicial}" timeOnly="true" 
            pattern="HH:mm" required="true"/>

我需要获取组件的小时值,因为我将<p:calendar>使用JavaScript将该值发送到其他组件.谁能给我一个想法？提前致谢...

Answer 1

PrimeFaces提供了强大的客户端API.利用它!

1. 将widgetName添加到您的日历.通过这种方式,可以更轻松地处理客户端上的组件

   <p:calendar widgetVar="mycalendar" ... />
   

2. 使用PrimeFaces客户端API编写自定义JS

   <h:form>
        <p:calendar widgetVar="mycal1" timeOnly="true" />
        <p:calendar widgetVar="mycal2" timeOnly="true" />
        <p:commandButton 
         onclick="var d = PF('mycal1').getDate(); d.setHours(d.getHours() + 1); PF('mycal2').setDate(d);" />
   </h:form>
   

在JS内部,您可以根据您的要求修改返回的日期,然后使用该.setDate()功能在另一个日历中设置日期.