0

Como posso converter meu jQuery datepicker para aceitar apenas meses e anos ?

2

3 Respostas 3

2

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.

3
  • 1
    Boa 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
    – Sergio
    Commented 12/09/2015 às 21:37
  • Bem colocado @Sergio, vou colocar essa observação :))
    – Brunno
    Commented 12/09/2015 às 22:01
  • 1
    Muito bom era exatamente isso que precisava. Obrigado Commented 13/09/2015 às 16:32
2

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!

inserir a descrição da imagem aqui

1
  • 1
    Fiz alguns testes aqui com esse datepicker, alem de ele ser muito bonito funciona lindamente rs .. +1 :D
    – Brunno
    Commented 13/09/2015 às 16:40
-1
<script>
$(".datepicker" ).datepicker({
  startView: 1,
  minViewMode: 1,
  maxViewMode: 3,
  format: "mm-yyyy",
  changeMonth: true,
  changeYear: true
});
</script>
0

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .