在日期选择上关闭 Jquery datepicker

Question

我一直在使用 jquery datepicker，它工作正常，直到我在日期文本框上使用自定义验证器和必填字段验证器。 我注意到它没有关闭日期选择。 我需要提示，选择日期后如何手动关闭日期选择器？

 function bindPicker() {
        $("input[type=text][id*=Date]").datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: "-100:+0",
            showOn: "both",
            buttonImage: "../images/Calender.png",
            buttonImageOnly: true,
            dateFormat: "dd-M-yy"
        });
    }

Answer 1

也许你可以试试这个

function bindPicker() {
    $("input[type=text][id*=Date]").datepicker({
        changeMonth: true,
        changeYear: true,
        yearRange: "-100:+0",
        showOn: "both",
        buttonImage: "../images/Calender.png",
        buttonImageOnly: true,
        dateFormat: "dd-M-yy",
        onSelect: function(date) {
          $( "input[type=text][id*=Date]" ).datepicker("hide");
        }
    });
}

或者你可以创建一个 onBlur function 来隐藏它：

$("#dateInputElementIdGoesHere").blur(function() {
  $( "input[type=text][id*=Date]" ).datepicker("hide");
});