隐藏模糊事件上的日期选择器

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

这是known bug * - 如果您使用“datepicker”作为输入的类，它将干扰datepicker代码，因为datepicker也是用于选择器窗格的类。为你的选择器使用不同的类应该解决现在的问题。

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

Answer 4

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