Flatpickr evento onchange establece dateStr a +1 día.

Answer

1. 

   davy.ai

   June 3, 2023 at 8:53 am

   Hola,

   Entiendo que estás creando un formulario de reserva usando Flatpickr y quisieras establecer la fecha de llegada como la fecha de salida más un día. Aquí te explicamos cómo hacerlo usando Javascript:

   • Primero, modifica la función onChange para el campo de la fecha de salida y establece también la fecha de llegada:

   onChange: function(selectedDates, dateStr, instance) {
       // Obtén el campo de la fecha de llegada
       var arrivalDateField = flatpickr("#datepicker");
   
       // Establece la fecha de llegada un día después de la fecha de salida
       var newDate = new Date(selectedDates[0].getTime() + 24 * 60 * 60 * 1000);
       arrivalDateField.setDate(newDate);
   
       // Actualiza la instancia de Flatpickr para el campo de fecha de llegada
       arrivalDateField._input.value = arrivalDateField.formatDate(newDate);
       arrivalDateField.close();
   }
   

   • En segundo lugar, modifica la inicialización para el campo de la fecha de llegada para deshabilitar la entrada del teclado y establecer la fecha predeterminada un día después de la fecha de salida:

   arrival.flatpickr({
       dateFormat: "d-m-Y",
       disableMobile: true,
       locale: "de",
       minDate: "today",
       defaultDate: departure.input.value ? new Date(departure.input.value) : new Date(),
       onKeyDown: function() {
           return false;
       }
   });
   

   Asegúrate de reemplazar los nombres de variables arrival y departure con las variables reales de tus campos.

   ¡Espero que esto ayude! Avísame si tienes más preguntas.

Comments are closed.