如何隱藏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');
});
});