双击时,jQuery UI Datepicker不会关闭

时间:2012-05-10 16:26:37

标签: jquery jquery-ui

Demo

在Ubuntu,Chrome Mac和其他网站上的Chrome 18中重现。

只需双击该链接,然后选择一个日期。日期选择器变得无法使用。我该如何解决这个问题?

我想在再次显示之前检查日历是否已打开,但我can't see a property for that

HTML

<a href="#">double click me</a><input/>​

JS

$('input').datepicker();
$('a').click(function() {
    $('input').datepicker('show');
});​

默认淡入淡出动画似乎有问题。如果在淡入淡出完成之前打开它两次,则会出现问题。将duration设置为0可以解决问题,但我有点像淡入淡出动画。


我提交了bug report。实际上是a dupe

3 个答案:

答案 0 :(得分:2)

$('input').datepicker();
$status = true;
$('a').click(function() {
    if ($status){
        $('input').datepicker('show');
            $status = false;
    }
    else{
    $('input').datepicker('hide');
        $status = true;
    }    
});

这可能会按你的意愿运作

答案 1 :(得分:0)

也许是这样的?

$('a').dblclick(function() {
    if ($('input').datepicker('widget').is(':visible')) {
        $('input').datepicker('hide');
    }
});​

答案 2 :(得分:0)

这是通过Ticket #8174修复的。如果您遇到此问题,请尝试升级到较新版本的jQuery UI。