Streaming live at 10am (PST)

Booking Calendar - Dynamic Date Update


#1

I have a booking calendar element I’ve added here on the BOOKING page:

https://preview.webflow.com/preview/jmak?utm_source=jmak&preview=e4013901d4166e213fbaa2834cf57c38 (NOTE: You have to click the green BOOK WITH J.MAK button on the top right to see the page I’m talking about.)

And the client would like for the second calendar to update once the user inputs the Check In Date. So if the user put March 3, 2019 into the Check In Date, the second calendar (Check Out Date) would jump to that date for ease of use.

Thanks in advance for any help!


#2

Apologies if this is the wrong forum… should I try this in a Javascript forum instead? Is JQuery part of Webflow, or is that something I’d need to include somewhere? Thanks!


#3

Page Footer Code:

<script>
$('.html-embed-3').on('change', 'input', function() {
  $(this).nextAll('input').first().val(this.value);
});
</script>

#4

That worked! You’re amazing–thank you, Sam!