Как из функции передать значение date ниже по коду?

Question

[Иван]

Имеется script:

// Получаю дату из формы при выборе нужного select ДИНАМИЧЕСКИ ИЗМЕНЯЕМАЯ ДАТА
$('.form-control').on('change', function () {
    let date = $(this).val();
    $('#ever').text(date);
	//console.log(date);
});

// Работа выпадающего календаря. Подставляю минимальную дату
//const page_description = {
var page_description = {
    has_flexmenu  : 'cornered_dashboard',
    has_filters   : true,
    has_datepicker: true,
    has_clip      : true,
    contrpag      : '',
    DPdata        : {
        mindate      : new Date('2020-07-22'),
        maxdate      : new Date,
        datebegin    : null,
        dateend      : null,
        thisyear     : new Date('2021-1-1'),
        prevyearbegin: new Date('2020-1-1'),
        prevyearend  : new Date('2020-12-31')
    }
}

Пробовал date в функции сделать глобально, но за пределами функции console.log(date); дату не отображает.

Как из функции передать значение date ниже по коду в DPdata, а именно подставить в mindate?

Т.е. как изменить строку

mindate : new Date('2020-07-22')

так, чтобы в дату 2020-07-22 подставлялась дата из date ДИНАМИЧЕСКИ, так как сейчас работает в самой функции.

Comments

[Дмитрий Беляев]

подставлялась дата из date ДИНАМИЧЕСКИ

куда это значение в итоге пойдет?

[Иван]

Дмитрий Беляев, оно пойдет в календарь на странице.
Если изменить значение select в форме, то минимальная дата тоже должна измениться в календаре, вот эта минимальная дата и прописана в mindate : new Date('2020-07-22') и отсюда берется для календаря. Сама минимальная дата отлавливается в моей function, console.log(date); показывает, что все ок и дата изменяется при изменении select.

[Дмитрий Беляев]

Иван, я бы начал с документации по календарю, можно ли ему менять параметры динамически и как это делать.
Если динамически менять нельзя, то придется при каждом изменении удалять календарь и создавать заново

[Иван]

Дмитрий Беляев, на 100% не уверен, но думаю, что менять можно без проблем.
Пока не удается даже передать первое значение в

DPdata        : {
        mindate      : new Date('2020-07-22'),

избавиться от 2020-07-22 и вписать date.

Календарь на странице выводится с помощью <div id="calendar"></div> в функции даты изменяются без проблем, думаю, если даты будут изменяться в строке mindate : new Date('2020-07-22'), то и календарь будет корректно работать.

Не понимаю как впихнуть date из функции в mindate : new Date('2020-07-22'), заменив на date, дату 2020-07-22.

[Иван]

Пробовал date в функции сделать глобально, но за пределами функции console.log(date); дату не отображает.

Answer 1

[Andrew]

$('.form-control').on('change', function () {
    let date = $(this).val();
    $('#ever').text(date);
    page_description.DPdata.mindate = new Date(date);
});

Comments

[Иван]

Почему-то не передает значение.
Саму строку из DPdata - mindate : new Date('2020-07-22')
нужно удалить?
Пробовал удалять, но тоже без результата.

[Дмитрий Беляев]

Иван, от того что Вы просто перезапишите поле в объекте, данные поменяются только в этом объекте и больше нигде

[Andrew]

Иван, если вы обьект используете только при инициализации календаря, то дальше ничего не изменится при изменении свойств этого обьекта.
Ищите(документации/гугле) как именно в этом календаре поменять значение