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

【问题标题】：How to obtain the Date value from a p:calendar component in JavaScript?如何从 JavaScript 中的 p:calendar 组件获取日期值？
【发布时间】：2015-06-30 12:13:55
【问题描述】：

我不知道如何使用 JavaScript 获取 PrimeFaces 组件中 <p:calendar> 的 Date 值

这是我的组件

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

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

【问题讨论】：

尝试在 JavaScript 中使用 PrimeFaces.widgets['horaInicioSpin']。

标签： javascript jsf primefaces calendar

【解决方案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() 函数将您的日期设置在另一个日历中。

【讨论】：

我采纳了你的建议，但我得到了null。我要搜索更多。谢谢！ @stg
@Marisol 那么你做错了。请参阅更详细的示例。它已经过测试并且工作正常。