Можно ли поменять настройки daterangepicker js при срабатывании events?

Question

[shuvalovakris]

Здравствуйте!
Подскажите, пожалуйста, могу ли я поменять настройки дейтпикера при срабатывании события?
https://www.daterangepicker.com/#events - дейтпикер
Например, я хочу поменять настройку opens при отображении календаря (событие showCalendar.daterangepicker).
Пример:

$(function () {
        $(g('<?= $id . '_interval' ?>')).daterangepicker({
            autoUpdateInput: false,
            showDropdowns: true,
            autoApply: true,
            locale: {
                monthNames: moment.months()
            }
        }).on('showCalendar.daterangepicker', (ev, picker) => {
            picker.opens = 'left';
            console.log(picker);
        });
    });

По идее, он должен поменять настройку opens на left, потому что по умолчанию ее значение right.
При выводе в консоль "picker", его параметр действительно left



Вот только окошко календаря как рисовалось, так и продолжает рисоваться.

Как рисуется:


Как должно:


Может, кто-нибудь сможет что-то посоветовать. Заранее спасибо.

Answer 1

[Aleksey Solovyev]

А у Вас какая задача-то? Просто поменять расположение стрелки? Если да, то можно просто классы поменять. Собсно, есть opensright и opensleft, которые отвечают за расположение этой стрелки:

$('.daterangepicker').addClass('opensleft').removeClass('opensright');
// $('.daterangepicker').addClass('opensright').removeClass('opensleft');

Если у Вас какая-то более сложная логика отображения стрелки, то у инстанса picker'а есть методы:
- updateElement
- updateCalendars
- show
- hide
Думаю, что можно попробовать вызвать метод обновления picker'а после изменения настроек (скрыть/открыть опционально)

Ну, или на крайний случай просто удалить picker (picker.remove()) и инициализировать его с новыми опциями (написать отдельную функцию для инициализации, которая будет принимать опции)

Comments

[shuvalovakris]

большое спасибо за ответ!