Bootstrap-Datumsauswahl ausblenden nach Auswahl

Wie Verstecke ich den Kalender nach einem Datum ausgewählt? Gibt es eine spezielle Funktion, die ich nutzen kann? Meine folgenden code:

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

Jede mögliche Hilfe würde geschätzt.

InformationsquelleAutor der Frage jheul | 2014-01-16

126

Können Sie event - changedate() zu verfolgen, wenn das Datum geändert wird zusammen mit datepicker('hide') Methode zum ausblenden der datepicker nach Auswahl:
```
$('yourpickerid').on('changeDate', function(ev){
    $(this).datepicker('hide');
});
```
Demo

UPDATE

Dies war der Fehler mit autoclose: true. Dieser bug wurde behoben, im neuesten master. SIEHE DIE BEGEHEN. Erhalten Sie die neuesten code von GitHub

InformationsquelleAutor der Antwort Felix
35

Wenn es irgendeine Hilfe für alle, die die Version 2.0 der bootstrap-datepicker funktioniert nicht mehr für die akzeptierte Antwort.

Hier ist, wie ich es geschafft habe auf mein:
```
$('yourpickerid').datepicker({
    format: 'dd/mm/yyyy',
}).on('changeDate', function(e){
    $(this).datepicker('hide');
});
```
Sehen http://bootstrap-datepicker.readthedocs.org/en/latest/events.html#changedate

InformationsquelleAutor der Antwort Ola
20
```
$('#input').datepicker({autoclose:true});
```
InformationsquelleAutor der Antwort Salim
3
1. Öffnen Sie einfach die bootstrap-datepicker.js
2. finden : var defaults = $.fn.datepicker.defaults
3. set autoclose: true
Speichern und aktualisieren Sie Ihr Projekt-und Sie sollten dies tun.

InformationsquelleAutor der Antwort user3615318
2

Wenn Sie schauen, um zu überschreiben, das Verhalten der Kalender im Allgemeinen, weltweit, versuchen Bearbeiten die Datepicker-Funktion (in meinem Beispiel war es Zeile 82),

vom
```
    this.autoclose = false;
```
zu
```
    this.autoclose = true;
```
Funktionierte gut für mich, denn ich wollte, alle meine Kalender-Instanzen Verhalten sich gleich.

InformationsquelleAutor der Antwort user3674664

  $('yourpickerid').datetimepicker({

        pickTime: false

  }).on('changeDate', function (e) {

        $(this).datetimepicker('hide');

  });

InformationsquelleAutor der Antwort mirmo

1

Schließen datetimepicker-Datum wählen(datetimepicker-Datum mit Uhrzeit)
```
$('.datepicker').datepicker({
    autoclose: true,
    closeOnDateSelect: true
}); 
```
InformationsquelleAutor der Antwort Gosha

Können Sie Quellcode ändern, bootstrap-datepicker.js.
Fügen Sie diese.hide(); wie 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

}

InformationsquelleAutor der Antwort Vladimir Kulakov

Habe ich eine perfekte Lösung:

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

InformationsquelleAutor der Antwort Gordon Ma

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

InformationsquelleAutor der Antwort user3706926

Probleme mit der Uhr immer noch angezeigt, auch wenn ich schrieb, format: 'YYYY-MM-DD', ich hade zu setzen pickTime: false und nach ändern->verstecken ich hade zu konzentrieren->show

$('#VBS_RequiredDeliveryDate').datetimepicker({
format: 'YYYY-MM-DD',
pickTime: false
});
$('#VBS_RequiredDeliveryDate').on('change', function(){
$('.datepicker').hide();
});
$('#VBS_RequiredDeliveryDate').on('focus', function(){
$('.datepicker').show();
});

InformationsquelleAutor der Antwort dyrwoolf

Datetime-picker

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

InformationsquelleAutor der Antwort srinivas gowda

Ich geändert auf datetimepicker und das format auf 'DD/MM/YYYY'

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

InformationsquelleAutor der Antwort Sorter

0

Mindestens in der version 2.2.3, die ich verwende, müssen Sie autoClose statt autoclose. Groß - /Kleinschreibung ankommt.

InformationsquelleAutor der Antwort TimA
0

Verwenden Sie diese für datetimepicker, es funktioniert gut

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

InformationsquelleAutor der Antwort sugumar

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.