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

Lor*_*ard 6 javascript jquery twitter-bootstrap

我试图在输入上添加事件模糊以隐藏日历.
我用来显示日历的插件是folternowing的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();
});
Run Code Online (Sandbox Code Playgroud)

Irv*_*nin 9

你可以试试这个:

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

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


ant*_*njs 3

    inputs.on('blur', function () {
        inputs.datepicker('hide');
    });
Run Code Online (Sandbox Code Playgroud)

  • 不幸的是,它部分起作用,因为日期选择器被隐藏,但日期未填充在输入中。 (2认同)