Bootprap Datepicker – Mois et années seulement

J’utilise bootprap datepicker et mon code est comme suit, Démo du code sur jsfiddle

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

Le code ci-dessus fonctionne correctement, mais ce que j’essaie de faire, c’est de laisser les utilisateurs choisir des mois et des années seulement.

Pourriez-vous s’il vous plaît me dire comment faire cela?

Que dis-tu de ça :

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

Référence: Datepicker for Bootstrap


Pour la version 1.2.0 et viewMode , viewMode a été remplacé par startView , utilisez donc:

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

Voir aussi la documentation .

Notez que dans la version 1.2.0, le viewMode est startView .

par exemple:

 $('#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&autoclose=on&forceParse=on#sandbox

J’utilise la version 2 (supporte à la fois bootstrap v2 et v3) et pour moi cela fonctionne:

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

Pour le dernier bootstrap-datepicker (1.4.0 au moment de la rédaction), vous devez utiliser ceci:

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

Source: Options Bootprap Datepicker

J’utilise le calendrier bootstrap pour la date future ne permet pas avec autoriser le changement en mois et année seulement ..

 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() }); 

Vous devriez avoir à append uniquement minViewMode: "months" dans votre fonction datpicker.

Pourquoi ne pas appeler le $('.input-group.date').datepicker("remove"); Lorsque l’instruction select est modifiée, définissez votre vue Datepicker, puis appelez $('.input-group.date').datepicker("update");