如何隐藏Bootstrap日期选择器

Question

我将日期字段设为只读，但仍然可以从日期选择器中选择日期。 我试过了

$('#date').datepicker("None");
$('#date').datepicker("disable");
$('#date').datepicker("destroy");

它们都不起作用。 但是下面的代码部分起作用。 就像单击一样，它显示日历并被隐藏。 我无法从日历中选择任何日期。 很好，但即使它也不应显示日历。

$('#date').on('click', function(){
    $('.datepicker').hide();
});

Answer 1

如果#date是只读的，为什么还要初始化datepicker？ 以下代码就足够了： $('#date').attr('readonly', true)

编辑以包括以下解决方案，以便在初始化日期选择器后将其删除： $('#date').datepicker('remove');

Answer 2

你有没有尝试过

$('#date').hide();

Answer 3

检查JSFiddle： -JSFiddle

$('.myDatepicker').each(function() {
var $picker = $(this);
$picker.datepicker();

var pickerObject = $picker.data('datepicker');

//HIDE THE CALENDER
$picker.on('changeDate', function(ev){
    $picker.datepicker('hide');
});
});