如何从JavaScript中的p:calendar组件获取日期值？

Question

我不知道如何使用 JavaScript[=24 在 PrimeFaces 组件中获取 <p:calendar> 的日期值=]

这是我的组件

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

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

Answer 1

PrimeFaces 提供了强大的客户端API。利用它！

将 widgetName 添加到您的日历。这样就更容易处理客户端的组件
```
<p:calendar widgetVar="mycalendar" ... />
```

使用 PrimeFaces 客户端编写自定义 JS 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() 函数在其他日历中设置您的日期。

如何从JavaScript中的p:calendar组件获取日期值？

How to obtain the Date value from a p:calendar component in JavaScript?

javascript

jsf

calendar

primefaces