Hide the datepicker on blur event

Question

I am trying to add an event blur on input in order to hide a calendar.
The plugin I am using to show the calendar is the foliowing eternicode/bootstrap-datepicker.

Here is the source code 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

You can try this:

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

Fiddle: http://jsfiddle.net/KLpq7/82/

Answer 2

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