3

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

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

它有效，但我不知道如何初始化几个日期。如您所见，我将它与allowMultidate.

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

4

3 回答 3

1

我遇到了同样的问题，我在这里找不到任何答案。所以我试图通过对“tempusdominus-bootstrap-4.js”的一点修改来解决它。我希望这会对您有所帮助，并为遇到相同问题的任何人提供一些参考。

multiDate首先为 Object添加一个方法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'];

所以你可以在你的 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]);
    }
};

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

就这样。

于 2019-09-04T08:22:18.430 回答
1

我找到的唯一解决方案是搜索日期并使用 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();
}
于 2020-10-28T06:15:14.423 回答
0

不幸的是，您所要求的不能使用 tempusdominus 来完成。我在同样的问题上苦苦挣扎，最后切换到 jQueryUI MultiDatesPicker，它允许更多的控制。

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

于 2021-04-12T11:20:20.593 回答