Vorbly Code | WIX PASS DATE BETWEEN TWO DATEPICKERS

Vorbly <Code>

CODING MADE EASY WITH VORBLY

WIX PASS DATE BETWEEN TWO DATEPICKERS

Starting a booking website? This tutorial will show you how to pass dates from one Wix Datepicker to another. And using that information, we will set the minimum date for the second datepicker. We will provide you with the webpage elements and sample codes required to implement this feature.

THE DEMO

1/3

THE ELEMENTS

The Page

Datepicker Element:

  • Start Date: #datePicker1

  • End Date: #datePicker2

THE CODE

Page Code

$w.onReady(function () {

 $w("#datePicker1").onChange((event) => {

     console.log(event.target.value);

     let newdate = new Date(event.target.value);

newdate.setDate(newdate.getDate() + 1);

     $w("#datePicker2").value = newdate;

     $w("#datePicker2").minDate = newdate;

 });

});

COMMENTS

I'm a paragraph. Click here to add your own text and edit me. It's easy.

WEB DESIGN & DEVELOPMENT SOLUTIONS

GET PROFESSIONAL HELP