Una manera fácil de Sumar fechas en javascript, y para hacerlo mas dinámico la entrada de datos con el calendario datepicker que nos proporciona la Libreria Jquery es la siguiente:
An easy way to add dates in javascript, and to make it more dynamic the data entry with the datepicker calendar provided by the Jquery Library is as follows:
veamos el ejemplo.
Let's see the example:
Download the HTML file here : click aqui (suma.html)
Just wait 5 seconds and skip the ad
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="js/jquery.min.js">
</script>
<script src="js/jquery-ui.min.js"></script>
<link rel="stylesheet" href="css/jquery-ui.css" type="text/css" />
<link rel="stylesheet" href="css/jquery-ui.css" type="text/css" />
</head>
<body>
Fecha inicio:<br>
<input type="text" id="fecha_inicio" name="fecha_inicio"
placeholder="dd-mm-yyyy" onchange="recalcular_fecha_fin()"/><br />
Fecha fin:<br>
<input type="text" id="fecha_fin" name="fecha_fin"
placeholder="dd-mm-yyyy" />
<script>
$(function() {
$( "#fecha_inicio" ).datepicker({
dateFormat: 'dd-mm-yy',
changeMonth : true,
changeYear : true,
});
$( "#fecha_fin" ).datepicker({
dateFormat: 'dd-mm-yy',
changeMonth : true,
changeYear : true,
});
});
function recalcular_fecha_fin(){
// Ponemos la fecha
var sFecha =$("#fecha_inicio").val();
var aFecha = sFecha.split("-");
var Fecha = new Date(aFecha[2], aFecha[1], aFecha[0]);
var dias = 1; //los dias que quieres aumentar
Fecha.setTime(Fecha.getTime()+dias*24*60*60*1000);
Fecha=Fecha.getDate()+"-"+Fecha.getMonth()+"-"+Fecha.getFullYear();
$("#fecha_fin").val(Fecha);
}
</script>
</body>
</html>
No hay comentarios.:
Publicar un comentario