Bootstrap Datepicker - Nur Monate und Jahre

Ich benutze Bootstrap Datepicker und mein Code ist wie folgt: Demo des Codes auf jsfiddle

<div class="input-append date" id="datepicker" data-date="02-2012" 
     data-date-format="mm-yyyy">

 <input  type="text" readonly="readonly" name="date" >    
 <span class="add-on"><i class="icon-th"></i></span>      
</div>      


$("#datepicker").datepicker({
        viewMode: 'years',
         format: 'mm-yyyy'
    });

Der obige Code funktioniert einwandfrei, aber ich versuche, Benutzern nur die Auswahl von Monaten und Jahren zu ermöglichen.

Könnten Sie mir bitte sagen, wie das geht?

Wie wäre es damit :

$("#datepicker").datepicker( {
    format: "mm-yyyy",
    viewMode: "months", 
    minViewMode: "months"
});

Referenz: Datepicker für Bootstrap

Für Version 1.2.0 und höher viewModewurde geändert startView, verwenden Sie also:

$("#datepicker").datepicker( {
    format: "mm-yyyy",
    startView: "months", 
    minViewMode: "months"
});

Siehe auch die Dokumentation .

Beachten Sie, dass in der Version 1.2.0 das viewModegeändert wurde zu startView.

z.B:

$('#sandbox-container input').datepicker({
  startView: 1,
  minViewMode: 1
});

http://eternicode.github.io/bootstrap-datepicker/?markup=component&format=yyyy&weekStart=&startDate=&endDate=&startView=2&minViewMode=2&todayBtn=false&language=zh-CN&orientation=auto&autlose

Ich verwende Version 2 (unterstützt sowohl Bootstrap v2 als auch v3) und für mich funktioniert dies:

$("#datepicker").datepicker( {
    format: "mm/yyyy",
    startView: "year", 
    minView: "year"
});

Für die neueste bootstrap-datepickerVersion (1.4.0 zum Zeitpunkt des Schreibens) müssen Sie Folgendes verwenden:

$('#myDatepicker').datepicker({
    format: "mm/yyyy",
    startView: "year", 
    minViewMode: "months"
})

Quelle: Bootstrap Datepicker-Optionen

Ich verwende den Bootstrap-Kalender für zukünftige Daten, die nicht zulässig sind, wobei nur Änderungen in Monaten und Jahren zulässig sind.

var j = jQuery.noConflict();
        j(function () {
            j(".datepicker").datepicker({ dateFormat: "dd-M-yy" }).val()
        });

        j(function () {
            j(".Futuredatenotallowed").datepicker({
                changeMonth: true,
                maxDate: 0,
                changeYear: true,
                dateFormat: 'dd-M-yy',
                language: "tr"
            }).on('changeDate', function (ev) {
                $(this).blur();
                $(this).datepicker('hide');
            }).val()
        });

Sie sollten nur minViewMode: "months"in Ihrer Datepicker-Funktion hinzufügen müssen.

Para visualiar los meses del año aktuell, visualiza solo los meses, y con el formato solo toma los meses de ese año. tambien se puede confirurar para que se visualice una cierta cantidad de meses

<script>
('#txtDateMMyyyy').datetimepicker({
    format: "mm/yyyy",
    startView: "year",
    minView: "year"
}).datetimepicker("setDate", new Date());
</script>

Rufen Sie das auf, $('.input-group.date').datepicker("remove");wenn die select-Anweisung geändert wird, und stellen Sie dann Ihre Datepicker-Ansicht ein. Rufen Sie dann das auf$('.input-group.date').datepicker("update");