Ẩn trình giữ ngày tháng trên sự kiện mờ

Question

Tôi đang cố gắng thêm sự kiện làm mờ trên đầu vào để ẩn lịch.
Plugin tôi đang sử dụng để hiển thị lịch là số eternicode/bootstrap-datepicker.

Đây là mã nguồn 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

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

Answer 2

Bạn có thể thử này:

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 3

Hãy thử this cập nhật fiddle. Tôi nghĩ rằng kể từ khi bạn đang sử dụng một bộ chọn lớp có một số xung đột trong xử lý sự kiện mờ. Tôi đã tách từng bộ chọn lịch theo ID và có vẻ như nó hoạt động tốt ngay bây giờ.

Answer 4

Đây là known bug * - nếu bạn sử dụng "datepicker" làm lớp cho đầu vào của bạn, nó sẽ can thiệp vào mã datepicker, vì datepicker cũng là lớp được sử dụng cho ngăn chọn. Sử dụng một lớp khác cho bộ chọn của bạn sẽ khắc phục sự cố ngay bây giờ.

* Không có bất kỳ mở vé cho nó vào lúc này, nhưng nó được công nhận là một lỗi nhỏ