javascript - 如何使用 jquery 隐藏加载的日期选择器

Question

这是我的日期选择器:

<input type="text" name="offerdate" class="datecls" style="width:62px;" id="date_1" onclick="return check_group_name('date_1');"/>

这是脚本:

function check_group_name(dateid) {
        var groupmodelGrpname = $("#groupmodelGrpname").val();
        if(groupmodelGrpname == ""){
            alert("Select Group Before Selecting Offer Date");
            $("#groupmodelGrpname").focus();
            $("#dateid").val("");
            return false;
        }
    }

在我的表单中有一个下拉框。因此，在从日期选择器中选择值之前，我需要检查此下拉列表的选择情况。

这意味着，如果我首先单击日期选择器，则会检查下拉列表是否有任何选定的值。如果没有，则提醒“在选择报价日期之前选择组”。

这工作正常，但有一些问题。

当我单击日期选择器时，警报将会出现，但加载的日历不会消失。

当没有警报时，我需要显示日历，这意味着只有下拉菜单有值(value)时才会发出警报。

我该怎么做？

Answer 1

function check_group_name(dateid) {
    var groupmodelGrpname = $("#groupmodelGrpname").val();
    if(groupmodelGrpname == ""){
        alert("Select Group Before Selecting Offer Date");
        $("#groupmodelGrpname").focus();
        $("#dateid").val("");
        $('#dateid').datepicker("hide"); 
        return false;
    }
}