Estou criando uma tela para adicionar pedidos. Quando eu escolho a data da venda, eu gostaria que, automaticamente, ele calculasse a data de vencimento e trocasse o valor do campo de vencimento (que sempre é 180 dias após a data da compra).
<table>
<tr>
<td align='left'> Valor do Pedido : </td>
<td align='left'><input style="width: 115px;" id="VALOR_PEDIDO" required value="" name="VALOR_PEDIDO" type='text' maxlength='100' tabindex='5' size='30'/></td>
<td align='left'> Data da venda : </td>
<td align='left'><input style="width: 115px;" id="DATA_VENDA" required value="" name="DATA_VENDA" type="us-date0" OnKeyUp="mascara_data(this.value)" type='text' maxlength='10' tabindex='5' size='30'/></td>
<td align='left'> Data de vencimento EBS : </td>
<td align='left'><input style="width: 115px;" id="DATA_VENC_EBS" required value="" name="DATA_VENC_EBS" type="us-date0" OnKeyUp="mascara_data(this.value)" type='text' maxlength='10' tabindex='5' size='30'/></td>
</tr>
</table>
Aí estão os campos, mas não tenho a menor ideia de como resolver esse problema. Alguém pode me ajudar?
Caso isso seja de alguma importância, ambos os campos de data abrem um calendário, mas não restringem o usuário de escrever no campo.
var month = (new Date()).getMonth() + 1;
var year = (new Date()).getFullYear();
$('input[type=us-date0]').w2field('date', {format: 'dd/mm/yyyy', placeholder: 'dd/mm/aaaa'});