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

Question

单击清除按钮

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

PrimeFaces日历标签后的JavaScript功能

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

Answer 1

首先，p：日历被弃用。使用p：datePicker而不是。

处理此问题的最简单方法是在p：datePicker上设置widgetvar。这允许您使用。

要重置日期，请使用：

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

请注意，如果要使用getElementById，则可能需要合并表单clientId。

另请参见：

• 我如何知道JSF组件的ID，以便可以在JavaScript中使用