如何使用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;
        }
    }

在我的表单中有一个下拉框，因此在从datepicker中选择值之前，我需要选中此下拉列表。

这意味着如果我先单击日期选择器将进行检查，则该下拉列表将具有任何选定的值。如果尚未"Select Group Before Selecting Offer Date"则将警告"Select Group Before Selecting Offer Date" 。

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

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

当没有警报时，我需要显示日历，这意味着如果下拉列表有值，则只会发出警报。

我怎样才能做到这一点？

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