javascript - 在模糊事件中隐藏日期选择器

Question

我正在尝试在输入上添加事件模糊以隐藏日历。
我用来显示日历的插件是下面的eternicode/bootstrap-datepicker。

这是源代码http://jsfiddle.net/KLpq7/75/

var inputs = $('.datepicker').datepicker({
    autoclose: true
});

inputs.on('blur', function () {
          console.log($(this));
          // I would like to hide just the date picker
          //$(this).hide();
});

Answer 1

你可以试试这个：

var inputs = $('.datepicker').datepicker({
format: 'yyyy-mm-dd',
autoclose: true}).on('changeDate', function (ev) {
         $(this).blur();
         $(this).datepicker('hide');
     });

小提琴：http: //jsfiddle.net/KLpq7/82/

Answer 2

    inputs.on('blur', function () {
        inputs.datepicker('hide');
    });

Answer 3

这是一个已知的错误* - 如果您使用“datepicker”作为输入的类，它将干扰 datepicker 代码，因为datepicker它也是用于选择器窗格的类。为你的选择器使用不同的类应该可以解决这个问题。

* 目前没有任何开放票，但它被确认为一个小错误

Answer 4

试试这个更新的小提琴。我认为由于您使用的是类选择器，因此模糊事件处理程序中存在一些冲突。我已经按 ID 分隔了每个日历选择器，现在它似乎工作正常。