Aconselho a utilização do .change
em cima do drop com a quantidade de meses.
Você tendo a string com a data inicial, podes criar um Date()
com essa string...e a partir daí somar a quantidade de meses.
E claro, você também vai precisar de uma formação da data, que eu aconselho essa:
function formatarData(data) {
var d = new Date(data),
mes = '' + (d.getMonth() + 1),
dia = '' + d.getDate(),
ano = d.getFullYear();
if (mes.length < 2) mes = '0' + mes;
if (dia.length < 2) dia = '0' + dia;
return [dia, mes, ano].join('/');
}
Ou seja, com sua entrada:
var qtdMeses = 6;
var dtInicio = new Date($("#dataInicio").val());
dtInicio.setMonth(dtInicio.getMonth() + qtdMeses); //adicionando meses
$("#dataTermino").val(formatarData(dtInicio));
EDIT:
a dtInicio
também tem que ser formatada antes de ser utilizada... atualizei a atribuição dela da seguinte forma:
var dtInicio = new Date(formatarData($("#dataInicio").val()));
Exemplo online
OUTRO EDIT:
Conforme falei nos comentários, acho a melhor solução adicionar N dias (visto que, no dia 30 de janeiro se eu adicionar + 1 mês, irá retornar NaN
, pois não existe dia 30 de fevereiro... Sendo assim, preparei outro Exemplo Online e fiz uma mudança na estrutura dos eventos. Criei uma função para fazer o cálculo da data....essa função é chamada toda vez que o evento change()
do dropdown da quantidade de meses for "triggado"
e toda vez que o campo da data de início perde o foco (blur
).
$("#meses").change(function() {
calcularDataTermino();
});
$("#dataInicio").blur(function() {
calcularDataTermino();
});
function calcularDataTermino() {
var qtdMeses = parseInt($("#meses").val());
var qtdDias = 30 * parseInt($("#meses").val()); // sempre 30 dias + de acordo com a quantidade de meses: 1 mês = +30 dias; 2 meses = + 60 dias; 3 meses = 90 dias;
var dtInicio = new Date(formatarData($("#dataInicio").val()));
//dtInicio.setMonth(dtInicio.getMonth() + qtdMeses); //+ N qtdMeses
dtInicio.setDate(dtInicio.getDate() + qtdDias); //+ N dias
$("#dataTermino").val(formatarData(dtInicio));
}