如何从JavaScript中的p：日历组件获取日期值？

Question

我不知道如何获得PrimeFaces一个<p:calendar>的日期值使用的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. 编写自定义JS，使用PrimeFaces客户端API

   <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()函数在其他日历中设置日期。