javascript - 当我单击下一个/上一个按钮时，jQuery DatePicker 消失

Question

我的项目有一个日期选择器，它有按钮去上个月/下个月。 它看起来像这样:

但是当我点击控件左右 Angular 的按钮时，它突然消失了。

jquery函数:

 $( "#departDate" ).datepicker({
        showOtherMonths: true,
        //inline:true,
        dateFormat: 'dd-mm-yy',
        numberOfMonths: 2,
        selectOtherMonths: true,
        minDate: 0,
        onClose: function (selectedDate) {
            $("#arriveDate").datepicker("option", "minDate", selectedDate);
            if (!single && $("#arriveDate").val()=="")
                $("#arriveDate").focus();
        }
    });

我试图注释掉 onClose: 和 minDate 但这些都没有解决问题。

当我删除此日期选择器上的模糊功能时，它不再消失。但是我需要在点击这个工具的任何地方时让它消失。

Answer 1

您应该添加一个点击事件来检查您的日期选择器中的所有元素。这可能对您有用:

$(document).on("click", function (e) {
        var elem = $(e.target);
        if (!elem.hasClass("hasDatepicker") &&
            !elem.hasClass("ui-datepicker") &&
            !elem.hasClass("ui-icon") &&
            !elem.hasClass("ui-datepicker-next") &&
            !elem.hasClass("ui-datepicker-prev") &&
            !$(elem).parents(".ui-datepicker").length) {
            $('#departDate').datepicker('hide');
        }