在 inline datetimepicker tempusdominus 中设置几个初始日期答案

【问题标题】：Set several initial dates in inline datetimepicker tempusdominus在 inline datetimepicker tempusdominus 中设置几个初始日期
【发布时间】：2017-11-22 13:16:40
【问题描述】：

我正在尝试设置 datetimepicker https://tempusdominus.github.io/bootstrap-3/ 并将其配置为内联使用。它被初始化为：

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

它有效，但我不知道如何初始化多个日期。如您所见，我将它与allowMultidate 一起使用。

那么，如何使用预设的多个日期来初始化 datetimepicker？

【问题讨论】：

标签： datetimepicker bootstrap-datetimepicker tempus-dominus-datetimepicker

【解决方案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'];

所以你可以在你的 multidatepicker 中初始化这些。

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

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

就是这样。

【讨论】：

【解决方案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();
}

【讨论】：

【解决方案3】：

很遗憾，您的要求无法使用 tempusdominus 完成。我在同样的问题上苦苦挣扎，最后切换到 jQueryUI MultiDatesPicker，它允许更多的控制。

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

【讨论】：