Hola, he creado un formulario de reserva con html y no puedo encontrar cómo hacerlo para que el valor del selector de fecha de salida sea siempre el día siguiente que se selecciona en el selector de fecha de entrada.
Ya intenté ingresar la fecha del registro en el selector de fechas en una var e imprimirla con el valor del selector de fechas, pero no funcionó.
Me colocarán en un widget de shortcode de wordpress.
Este es uno de los códigos que he probado.
<html> <body> <form method="get"> <script type="date/javascript"> var indate = document.getElementById(Check_In_Date); var outdate = document.setElementById(Check_Out_Date); outdate.value="indate + 1"; </script> <font>      Check In Date             Check Out Date                <br></font>                <input type="date" name="checkin" id="Check_In_Date" value="2022-05-16" > <input type="date" name="checkout" id="Check_Out_Date" value="outdate"> <select name="adults"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> <select name="children"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <input type="submit" value="Search"> </form> <body> </html>No sé si intentaste usar esto. Pero esto funciona cada vez para mí. https://jqueryui.com/datepicker/
Comprueba automáticamente la fecha de hoy. Puedes editarlo como quieras. Aquí hay un ejemplo.
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Datepicker - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css"> <link rel="stylesheet" href="/resources/demos/style.css"> <script src="https://code.jquery.com/jquery-3.6.0.js"></script> <script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script> <script> $( function() { $( "#datepicker" ).datepicker(); } ); </script> </head> <body> <p>Date: <input type="text" id="datepicker"></p> </body>algunas cosas son extrañas en tu código,