Pemilih data bootstrap bersembunyi setelah pemilihan

Bagaimana cara menyembunyikan kalender setelah tanggal dipilih? Apakah ada fungsi tertentu yang dapat saya gunakan? Kode saya di bawah ini:

$('#dp1').datepicker({
    format: 'mm-dd-yyyy',
    startDate: '-15d',
    autoclose: true,
    endDate: '+0d' // there's no convenient "right now" notation yet
});

Bantuan apa pun akan dihargai.

Anda dapat menggunakan acara changedate()untuk melacak kapan tanggal diubah bersama dengan datepicker('hide')metode untuk menyembunyikan datepickersetelah membuat pilihan:

$('yourpickerid').on('changeDate', function(ev){
    $(this).datepicker('hide');
});

Demo

MEMPERBARUI

Ini adalah bug dengan autoclose: true. Bug ini telah diperbaiki di master terbaru. LIHAT COMMIT. Dapatkan kode terbaru dariGitHub

Jika ini membantu siapa pun, Versi 2.0 dari pemilih data bootstrap tidak lagi berfungsi dengan jawaban yang diterima.

Inilah cara saya membuatnya bekerja pada milik saya:

$('yourpickerid').datepicker({
    format: 'dd/mm/yyyy',
}).on('changeDate', function(e){
    $(this).datepicker('hide');
});

Lihat http://bootstrap-datepicker.readthedocs.org/en/latest/events.html#changedate

$('#input').datepicker({autoclose:true});

Jika Anda ingin menimpa perilaku kalender secara umum, secara global, coba edit fungsi Datepicker (dalam contoh saya, baris 82),

dari

    this.autoclose = false;

untuk

    this.autoclose = true;

Berfungsi dengan baik untuk saya, karena saya ingin semua contoh kalender saya berperilaku sama.

Masalahnya bisa dihentikan, memblokir event hide untuk elemen input oleh bahasa ini:

var your_options = { ... };
$('.datetimepicker').datetimepicker(your_options).on('hide', function (e) {
    e.preventDefault();
    e.stopPropagation();
});

1. Cukup buka bootstrap-datepicker.js
2. Temukan : var defaults = $.fn.datepicker.defaults
3. set autoclose: true

Simpan dan segarkan proyek Anda dan ini harus dilakukan.

Dalam bootstrap 4 gunakan "autoHide: true"

$('#datepicker1').datepicker({
    autoHide: true,
    format: 'mm-yyyy',
    endDate: new Date()
});

Tutup datetimepicker ketika tanggal pilih (datetimepicker menunjukkan tanggal dengan waktu)

$('.datepicker').datepicker({
    autoclose: true,
    closeOnDateSelect: true
}); 

$('yourpickerid').datetimepicker({
           pickTime: false
}).on('changeDate', function (e) {
           $(this).datetimepicker('hide');
});

Saya mendapat solusi yang tepat:

$('#Date_of_Birth').datepicker().on('changeDate', function (e) {
    if(e.viewMode === 'days')
        $(this).blur();
});

$('.datepicker').datepicker({
    autoclose: true
}); 

Saya mengubah ke datetimepicker dan format ke 'DD / MM / YYYY'

$("id").datetimepicker({
    format: 'DD/MM/YYYY',
}).on('changeDate', function() {
    $('.datepicker').hide();
});

Setidaknya dalam versi 2.2.3 bahwa saya menggunakan, Anda harus menggunakan autoClosebukan autoclose. Kasus surat penting.

Anda dapat mengubah kode sumber, bootstrap-datepicker.js . Tambahkan this.hide();suka ne

  if (this.viewMode !== 0) {
    this.date = new Date(this.viewDate);
    this.element.trigger({
        type: 'changeDate',
        date: this.date,
        viewMode: DPGlobal.modes[this.viewMode].clsName
    });
    this.hide();//here
 }

Memiliki masalah dengan jam yang masih muncul meskipun saya menulis format: 'YYYY-MM-DD' ,

Saya ingin mengatur pickTime: falsedan setelah perubahan-> sembunyikan saya harus fokus-> tunjukkan

$('#VBS_RequiredDeliveryDate').datetimepicker({
  format: 'YYYY-MM-DD',
  pickTime: false
});

$('#VBS_RequiredDeliveryDate').on('change', function(){
    $('.datepicker').hide();
});

$('#VBS_RequiredDeliveryDate').on('focus', function(){
    $('.datepicker').show();
});

Untuk pemilih waktu

$('yourpickerid').datetimepicker({
        format: 'dd/mm/yyyy',
}).on('changeDate', function(e){
        $(this).datetimepicker('hide');
});

Gunakan ini untuk datetimepicker, ini berfungsi dengan baik

$('#Date').data("DateTimePicker").hide();

Belum pernah melihat ini disebutkan, tapi inilah yang memperbaikinya untuk saya:

switchOnClick: true