jQuery日期选择器功能

Question

我在jQuery中有一个日期选择器功能，允许用户选择日期。在HTML中，我在<p id="dateText">中有一些隐藏的文本。当文本框不为空（即选择日期）时，我试图允许dateText值显示和淡入。 我不确定我是否可以在jquery函数中比较html和javascript，我刚刚开始学习它。这就是我所拥有的，但它不会起作用。提前谢谢。

$(function() {
    $("#datePick").datepicker(); // id of text box in html

    if (datePick.value ==="") {
        $("#dateText").hide();   // id of <p> text in html
    }
    else {
        $("#dateText").fadeIn("slow"); 
    }
});

Answer 1

如果您想在用户从日期选择器中选择内容时执行测试，请将其放入onSelect回调函数中。

$(function() {
    $("#datePick").datepicker({
        onSelect: function() {
            if (this.value === "") {
                $("#dateText").hide();
            } else {
                $("#dateText").fadeIn("slow");
            }
        }
    });
});