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?
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.
Notez que dans la version 1.2.0 le {[1] } a changé en startView
.
Par exemple:
$('#sandbox-container input').datepicker({
startView: 1,
minViewMode: 1
});
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 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"
})
Vous devriez avoir à ajouter seulement minViewMode: "months"
dans votre fonction datepicker.
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()
});
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");