如何從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()函數在其他日曆中設置日期。