Hello I have created a booking form with html and can't find how to make it so that the check out datepicker value always be the next day that is selected on the check in datepicker.
I have already tried to input the date of the check in datepicker to a var and print it to the value of the date picker but didn't work.
I will be placed on a wordpress shortcode widget.
This is the one of the codes I have tried.
<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>
I don't know if you tried using this. But this works every time for me. https://jqueryui.com/datepicker/
It automatically checks the date of today. You can edit it like u wish. Here is some example.
<!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>
some things are strange in your code,