Question

我不知道如何使用 JavaScript

获取 PrimeFaces 组件中<p:calendar>的日期值

这是我的组件

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

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

Answer 1

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

将widgetName添加到您的日历中。通过这种方式，可以更轻松地处理客户端组件
```
<p:calendar widgetVar="mycalendar" ... />
```

使用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()功能在其他日历中设置日期。

如何从JavaScript中的p：calendar组件获取Date值？

1 个答案: