var arrival = $('#datepicker'); var departure = $('#datepicker1'); arrival.flatpickr({ dateFormat: "dmY", disableMobile: true, locale: "de", minDate: "today", onChange: function(selectedDates, dateStr, instance) { departure.flatpickr({ dateFormat: "dmY", enableTime: false, minDate: dateStr, }); departure.removeAttr('readonly'); arrival.removeAttr('readonly'); } }); departure.flatpickr({ dateFormat: "dmY", disableMobile: true, locale: "de", minDate: "today", onChange: function(selectedDates, dateStr, instance) { arrival.flatpickr({ dateFormat: "dmY", enableTime: false, minDate: dateStr, }); departure.removeAttr('readonly'); arrival.removeAttr('readonly'); } });Hola a todos, debería crear un formulario de reserva con Flatpickr y debería obtener la fecha de salida +1 como fecha de llegada, pero esta es la primera vez que uso Flatpickr, ¿alguien puede ayudarme?
Gracias
Encontré una solución usando new Date(selectedDates).fp_incr(1) en combinación con la función de configuración Flatpickr onChange .
Ejemplo:
$(document).ready(function() { let arrival = $('#datepicker'); let departure = $('#datepicker1'); arrival.flatpickr({ dateFormat: "dmY", disableMobile: true, //locale: "de", minDate: "today", onChange: function(selectedDates, dateStr, instance) { //departure.set('maxDate', new Date(dateStr).fp_incr(5)); departure.flatpickr({ dateFormat: "dmY", enableTime: false, minDate: new Date(selectedDates).fp_incr(1), // add 1 day //new Date(dateStr).fp_incr(1) }); departure.removeAttr('readonly'); arrival.removeAttr('readonly'); } }); departure.flatpickr({}); }); <link href="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.6.11/flatpickr.min.css" rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.6.11/flatpickr.min.js"></script> <input id="datepicker" style="width:200px;"> <input id="datepicker1" style="width:200px;">