https://support.wix.com/en/article/corvid-tutorial-displaying-todays-date-with-code
To do the date for admin you can do something similar to this code for a full year with the one datepicker
$w.onReady(function () {
let today = new Date();
let startDate = new Date(today);
startDate.setDate(startDate.getDate() + 1); // Start Date +1 day from today //
let endDate = new Date(today);
endDate.setMonth(endDate.getFullYear() + 1); // End Date +1 full year from today //
// Set min & max dates //
$w("#datePicker1").minDate = startDate;
$w("#datePicker1").maxDate = endDate;
});
});
//Don't use getYear() as not work with years after 2000
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getFullYear //
Or to call it from a dataset already like this.
$w.onReady(function () {
$w("#dataset1").onReady(() => {
// Retrieve min & max dates from dataset //
let startDate = $w("#dataset1").getCurrentItem().start;
let endDate = $w("#dataset1").getCurrentItem().end;
// Set min & max dates for datepickers //
$w("#datePicker1").minDate = startDate;
$w("#datePicker2").maxDate = endDate;
});
Or set it up with the two datepickers like this.
$w.onReady(function () {
$w("#datePicker1").onChange((event) => {
console.log(event.target.value);
let newdate = new Date(event.target.value);
newdate.setDate(newdate.getFullYear() + 1);
$w("#datePicker2").value = newdate;
$w("#datePicker2").minDate = newdate;
});
});