在日期选择上关闭 Jquery datepicker

Posted 2023-05-07

【中文标题】在日期选择上关闭 Jquery datepicker

【英文标题】：Close Jquery datepiker on date select

【发布时间】：2013-05-29 06:15:36

【问题描述】：

我一直在使用 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】：

也许你可以试试这个

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

【讨论】：

好吧，我就是这么做的。日期选择器在此特定页面上的异常行为可能是什么原因？

不知道是什么导致了这种行为

我只是在 Onselect 中添加了一个函数，然后我只是模糊了它。