Установите несколько начальных дат в строке datetimepicker tempusdominus

Question

Я пытаюсь настроить datetimepicker на https://tempusdominus.github.io/bootstrap-3/ и настроить его для использования в строке. Инициализируется с:

$('#datetimepicker5').datetimepicker({
    inline: true,
    allowMultidate: true,
    multidateSeparator: ';',
    locale: 'nb',
    format: 'L',
    useCurrent: false,
});

Это работает, но я не могу узнать, как инициализировать несколько дат. Как вы видите, я использую его с allowMultidate,

Итак, как я могу инициализировать указатель даты и времени с несколькими предварительно установленными датами?

Answer 1

Я столкнулся с той же проблемой и не могу найти здесь ответов. Итак, я попытался решить эту проблему, немного изменив "tempusdominus-bootstrap-4.js". Я надеюсь, что это поможет вам и послужит ссылкой для всех, кто сталкивался с той же проблемой.

Сначала добавляем метод multiDate для объекта DateTimePicker.

var DateTimePicker = function () {
    …
    DateTimePicker.prototype.multiDate = function multiDate(params) {
        var date = params[0];
        var index = params[1];
        this.date(date, index);
    };
    …
}

Затем вызовите свой метод на своей странице.
Предположим, ваши исходные данные выглядят так:

var values = ['2019-02-06','2019-03-06','2019-05-08','2019-07-02'];

Таким образом, вы можете инициализировать их в своем средстве выбора даты.

var initializeMultidate = function(){
    for(var i=0; i<values.length; i++){
        var date = moment(values[i], 'YYYY-MM-DD');
        $("#datetimepicker1").datetimepicker("multiDate", [date, i]);
    }
};

=================================================

Вот и все.

Answer 2

Единственное решение, которое я нашел, - это поиск дат и использование JQuery для их щелчка, это не изящно, но у меня сработало.

var fechas = ['01/10/2020', '02/10/2020', '03/10/2020'];
for (let index = 0; index < fechas.length; index++) {
    $("[data-day='"+fechas[index]+"']").click();
}

Answer 3

К сожалению, то, о чем вы просите, нельзя сделать с помощью темпусдоминуса. Я боролся с той же проблемой и в конце концов переключился на jQueryUI MultiDatesPicker, который дает гораздо больше контроля.

http://dubrox.github.io/Multiple-Dates-Picker-for-jQuery-UI/