如何使用 java 脚本清除日历输入

Question

JavaScript 点击清除按钮后的功能

function resetTime() {
    document.getElementById("to_time").valueAsDate = null;
}

PrimeFaces 日历标签

<p:calendar id="to_time"
            value="#{anomaliesList.toDate}"
            readonlyInput="true"
            maxdate="#{currentDate}"
            size="16"
            pattern="dd/MM/yyyy HH:mm" />

Answer 1

首先，p:calendar 已弃用。请改用 p:datePicker。

处理此问题的最简单方法是在 p:datePicker 上设置 widgetVar。这允许您使用 client side API.

要重置日期，请使用：

PF('yourWidgetName').setDate(null);

请注意，如果您想使用 getElementById，您可能需要合并表格 clientId。

另请参阅：

How can I know the id of a JSF component so I can use in Javascript

如何使用 java 脚本清除日历输入

How to clear calendar input with java script

javascript

jsf

primefaces