Bootstrap datepicker (Mês e Ano) não fecha depois de selecionar a data

[ghlevin 0]

No site de um cliente, estou usando o Datepicker do Bootstrap (peguei nesse site - eyecon.ro/bootstrap-datepicker ). Contudo, em algumas páginas, eu configuro o datepicker pra mês e ano. Selecionados os dois, mudam os dados de uma tabela:

$(".datepicker").datepicker( {
    format: "mm/yyyy",
    autoclose: true,
    viewMode: "months", 
    minViewMode: "years",
}).on('changeDate', function(ev){
    montaTabela();
    // $(this).datepicker('hide');
});

Tudo funciona, mas ele não fecha o datepicker depois da seleção do mês e do ano. O autoClose não funciona e nem colocando hide ou close pro datepicker dá certo. Curiosamente, o hide (que está comentado acima) funciona pra páginas que usam datepicker de data completa (dd/mm/yyyy). O que posso tentar pra resolver?

[wanderval 19]

use uma classe diferente de ".datepicker" no seu input essa classe já é usada pela biblioteca use uma classe diferente assim vai evitar conflitos ex:

 

HTML:

<input type="text" id="datepicker-custom"/>

JS:

$("#datepicker-custom").datepicker( {
  format: "mm/yyyy",
  autoclose: true,
  viewMode: "months", 
  minViewMode: "years",
}).on('changeDate', function(ev){
  $(this).datepicker('hide');
});

 

link Jsbin: https://jsbin.com/qiyedahume/edit?html,output

[ghlevin 0]

Em 26/01/2019 at 12:30, wanderval disse:

use uma classe diferente de ".datepicker" no seu input essa classe já é usada pela biblioteca use uma classe diferente assim vai evitar conflitos ex:

 

HTML:

<input type="text" id="datepicker-custom"/>

JS:

$("#datepicker-custom").datepicker( {
  format: "mm/yyyy",
  autoclose: true,
  viewMode: "months", 
  minViewMode: "years",
}).on('changeDate', function(ev){
  $(this).datepicker('hide');
});

 

link Jsbin: https://jsbin.com/qiyedahume/edit?html,output

Não tinha me dado conta disso, acho que resolveu sim!

Obrigado.