Como posso converter meu jQuery datepicker para aceitar apenas meses e anos ?
3 Respostas
Para esse jQuery datepicker você pode fazer um hack que funciona da seguinte maneira:
Adiciona none na class CSS dos dias conforme abaixo:
.ui-datepicker-calendar {
display: none;
}
Logo depois você configura seu datepicker dessa maneira:
$('.date-picker').datepicker({
changeMonth: true,
changeYear: true,
showButtonPanel: true,
dateFormat: 'MM yy',
onClose: function (dateText, inst) {
var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
$(this).datepicker('setDate', new Date(year, month, 1));
}
});
Segue o jsfiddle.
-
1Boa ideia, o unico problema que vejo é caso haja outros datepickers na mesma página. Mas juntando uma
id
ou uma classe específica fica resolvido.+1
– SergioCommented 12/09/2015 às 21:37 -
-
1
Sei que foge um pouco da sua pergunta... mas utilizo seguinte plugin:
https://bootstrap-datepicker.readthedocs.org/en/latest/options.html#maxviewmode
Veja se é isso que vc precisa. Não tenho nada que reclamar dele... fora que ele é muito elegante!
-
1Fiz alguns testes aqui com esse datepicker, alem de ele ser muito bonito funciona lindamente rs .. +1 :D– BrunnoCommented 13/09/2015 às 16:40
<script>
$(".datepicker" ).datepicker({
startView: 1,
minViewMode: 1,
maxViewMode: 3,
format: "mm-yyyy",
changeMonth: true,
changeYear: true
});
</script>