Home / Questions / 41842
Accepted
lucho
Asked: 2021-01-01 11:25:03 +0800 CST 2021-01-01 11:25:03 +0800 CST

How to add a day to captured date value of datepicker jquery ui?

  • 772

Hello happy new year everyone. I have a question, how can I add a day to the value captured from datepicker, for example I select 12/01/2016, I need to add a day, so that it shows me 12/02/2016.

The code I have is the following.

var datemin = $("#date1").val()

Greetings and thanks

php

2 Answers

  1. Best Answer

    In the jQuery UI documentation for the datepicker, you can find the getDateand methods setDateto read and write the date respectively.

    A solution would be to read the date of a field with getDate, add 1 (one day) and rewrite it with setDate, and then assign that value to the second field. Something like this:

    // leemos la fecha del primer campo
var fecha = $("#fechamin").datepicker("getDate");

// la actualizamos añadiéndole un día
fecha.setDate(fecha.getDate() + 1); 

// sobreescribimos la fecha del segundo campo
$("#fechamax").datepicker("setDate", fecha);

    And here you can see it working:

    $( function() {
  $("#fechamin").datepicker();
  $("#fechamax").datepicker();

  $("#fechamin").on("change", function() {
    var fecha = $("#fechamin").datepicker("getDate");
    fecha.setDate(fecha.getDate() + 1); 
    $("#fechamax").datepicker("setDate", fecha);
  });
});
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

<input type="text" id="fechamin" />
<input type="text" id="fechamax" />

    • 1

  2. You can use a function that I have taken from this post 

    sumaFecha = function(d, fecha)
{
  var Fecha = new Date();
  var sFecha = fecha || (Fecha.getDate() + "/" + (Fecha.getMonth() +1) + "/" + Fecha.getFullYear());
  var sep = sFecha.indexOf('/') != -1 ? '/' : '-'; 
  var aFecha = sFecha.split(sep);
  var fecha = aFecha[2]+'/'+aFecha[1]+'/'+aFecha[0];
  fecha= new Date(fecha);
  fecha.setDate(fecha.getDate()+parseInt(d));
  var anno=fecha.getFullYear();
  var mes= fecha.getMonth()+1;
  var dia= fecha.getDate();
  mes = (mes < 10) ? ("0" + mes) : mes;
  dia = (dia < 10) ? ("0" + dia) : dia;
  var fechaFinal = dia+sep+mes+sep+anno;
  return (fechaFinal);
}

    And run it like this

    var fechamin = $("#fecha1").val()
var fechaSumada = sumaFecha(1,fechamin); /* Le sumas un dia */
alert(fechaSumada)
    • 0