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

这是我的日期选择器：

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

在我的表单中有一个下拉框，所以我需要在从datepicker中选择值之前选中这个下拉框

这意味着，如果我首先单击datepicker，将检查下拉列表是否有任何选定值。如果没有，则警告

“选择报价日期前选择组”

这是完美的工作，但有一些问题

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

我需要在没有警报时显示日历，这意味着只有在下拉列表有值时才会出现警报

我该怎么做？

$（'dateid'）。日期选择器（“隐藏”）；这不起作用？$（“#dateid”）.datepicker（“隐藏”）；这不管用吗？

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;
    }
}

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;
    }
}