javascript - 检查日历字段是否为空

Question

好的，我有一个日历字段:

<p:calendar id="dateOfBirth" mode="popup" placeholder="Date Of Birth" navigator="true" yearRange="c-18:c" pattern="dd.MM.yyyy"/>

在 javascript 中，我想检查该字段是否已输入日期:

if($("#dateOfBirth").val() === ""){
    errors.push("dateOfBirth");
}

但是它不起作用。我怎样才能做到这一点，以检查用户是否已跳过该字段而不输入任何内容？

Answer 1

p:calendar 不仅仅呈现为 HTML input 元素。但它包含一个 input 元素，其中包含您指定的 id 和一个后缀，即 _input。因此，如果您将其更改为以下内容，您的代码应该可以工作

if($("#dateOfBirth_input").val() === ""){
   errors.push("dateOfBirth");
}