datetimepicker - 在内联 datetimepicker tempusdominus 中设置几个初始日期

Question

我正在尝试设置日期时间选择器 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”进行一些修改来解决它。希望对您有所帮助，并为遇到相同问题的人提供一些引用。

首先为对象DateTimePicker添加方法multiDate。

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]);
    }
};

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

就这些。