Jak ukryć kalendarz po wybraniu daty? Czy jest jakaś konkretna funkcja, której mogę użyć? Mój kod poniżej:
$('#dp1').datepicker({
format: 'mm-dd-yyyy',
startDate: '-15d',
autoclose: true,
endDate: '+0d' // there's no convenient "right now" notation yet
});
Każda pomoc będzie mile widziana.
Odpowiedzi:
Możesz użyć zdarzenia
changedate()
do śledzenia zmiany daty orazdatepicker('hide')
metody ukryciadatepicker
po dokonaniu wyboru:Próbny
AKTUALIZACJA
To był błąd z
autoclose: true
. Ten błąd został naprawiony w najnowszej wersji master. ZOBACZ COMMIT. Pobierz najnowszy kod zGitHubźródło
if (ev.viewMode === 'days') {$(this).datepicker('hide');}
$(".date").datepicker({... autoclose: true, ... });
działa dobrze !!!Jeśli komuś może to pomóc, wersja 2.0 narzędzia do wybierania daty ładowania początkowego nie działa już z zaakceptowaną odpowiedzią.
Oto jak to działa na moim:
Zobacz http://bootstrap-datepicker.readthedocs.org/en/latest/events.html#changedate
źródło
źródło
Jeśli chcesz zmienić ogólne zachowanie kalendarza, spróbuj edytować funkcję Datepicker (w moim przykładzie była to linia 82),
z
do
U mnie działało dobrze, ponieważ chciałem, aby wszystkie wystąpienia kalendarza zachowywały się tak samo.
źródło
Problem można zatrzymać, blokując zdarzenie hide dla elementu input za pomocą tego języka:
źródło
bootstrap-datepicker.js
var defaults = $.fn.datepicker.defaults
autoclose: true
Zapisz i odśwież swój projekt i to powinno wystarczyć.
źródło
W bootstrap 4 użyj "autoHide: true"
źródło
Zamknij datetimepicker po wybraniu daty (datetimepicker pokazuje datę i godzinę)
źródło
źródło
Mam idealne rozwiązanie:
źródło
źródło
autoclose: true
w swoim przykładowym kodzie.Zmieniłem na datetimepicker i format na „DD / MM / RRRR”
źródło
Przynajmniej w wersji 2.2.3, której używam, musisz użyć
autoClose
zamiastautoclose
. Sprawa listu ma znaczenie.źródło
Możesz zmienić kod źródłowy, bootstrap-datepicker.js . Dodaj
this.hide();
jak neźródło
Mam problem z wyświetlaniem zegara, nawet jeśli napisałem format: „RRRR-MM-DD” ,
Muszę ustawić
pickTime: false
i po zmianie-> ukryć muszę skupić się-> pokazaćźródło
W przypadku selektora datetime
źródło
Użyj tego dla datetimepicker, działa dobrze
źródło
Nie widziałem tego wspomnianego, ale to naprawiło to dla mnie:
źródło