jsf-2 - Primefaces 日历获取日期

Question

我需要使用 Primefaces 日历的客户端 API 来获取日期。这是示例代码，但它不起作用。我究竟做错了什么？

Primefaces 3.4.2、JSF 2.2、Glassfish 4

 <h:form id="calendarFormId">
        <p:calendar id="calendarId" mode="inline" value="#{eventController.eventUI.date}" widgetVar="calendarWidget">
        </p:calendar>
    </h:form>

    <script>
        var myDate = calendarWidget.getDate();
        alert(myDate);
    </script>

谢谢

Answer 1

在 Firefox 中调试您的代码片段得到以下跟踪：

[13:24:47,383] ReferenceError: calendarWidget is not defined @ http://localhost:8080/labb1/index.xhtml:12

所以得出了脚本执行到早的结论。延迟执行的一种方法是等待页面准备好。

<script>
    jQuery(document).ready(function() {
        var myDate = calendarWidget.getDate();
        alert(myDate);
    });
</script>

查看如何在页面加载后执行 JavaScript