关闭日期选择的Jquery datepicker

时间:2013-06-03 06:16:19

标签: jquery datepicker forceclose onselect

我一直在使用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"
        });
    }

1 个答案:

答案 0 :(得分:0)

也许你可以试试这个

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