Bootstrap Datepicker-mois et années seulement

J'utilise Bootstrap datepicker et mon code est comme suit, démo du code sur 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'
    });

Le code ci-dessus fonctionne bien, mais ce que j'essaie de faire est de permettre aux utilisateurs de choisir des mois et des années seulement.

Pourriez-vous s'il vous plaît dites-moi comment faire?

92
demandé sur black_belt 2013-02-20 11:23:59

7 réponses

Que diriez-vous de ceci:

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

Référence : Datepicker pour Bootstrap


Pour la version 1.2.0 et plus récente, {[2] } a changé en startView, utilisez donc:

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

Voir Aussi la documentation.

216
répondu Iswanto San 2015-05-27 21:00:58

Notez que dans la version 1.2.0 le {[1] } a changé en 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

6
répondu Liber 2017-10-12 06:57:35

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"
});
5
répondu Tanya 2016-01-05 12:14:18

Pour la dernière 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 Du Sélecteur De Date Bootstrap

3
répondu Sheharyar 2015-04-22 18:58:50

Vous devriez avoir à ajouter seulement minViewMode: "months" dans votre fonction datepicker.

1
répondu Nisarg Bhavsar 2017-01-06 07:44:01

J'utilise Bootstrap calender pour la date future ne pas autoriser 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()
        });
0
répondu vishal kumar Saxena 2016-03-09 06:36:30

Pourquoi ne pas appeler le $('.input-group.date').datepicker("remove"); lorsque l'instruction select est changé, puis réglez votre datepicker vue, puis appeler la $('.input-group.date').datepicker("update");

-2
répondu Kiel 2014-10-31 06:17:27