关闭jQuery的日期选择日期选择

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