在两列中显示 flatpickr 日历答案

【问题标题】：Show flatpickr calendar in two columns在两列中显示 flatpickr 日历
【发布时间】：2022-06-12 22:50:22
【问题描述】：

我想在 Flatpickr 日历中显示两列。我搜索了 Flatpickr 文档，但找不到如何执行此操作。

JavaScript：

var calendar = flatpickr(el, {
    mode: "range",
    onChange: function (calendar) {
        if (calendar.length == 2) {
            var start =  numeroAdosCaracteres(calendar[0].getDate()) + "-" + numeroAdosCaracteres(calendar[0].getMonth() + 1) + "-" + calendar[0].getFullYear();
            var end = numeroAdosCaracteres(calendar[1].getDate()) + "-" + numeroAdosCaracteres(calendar[1].getMonth() + 1) + "-" + calendar[1].getFullYear();

            $("#az-start-date").val(start);
            $("#az-end-date").val(end);
        }
        function numeroAdosCaracteres(az_date) {
            if (az_date > 9) {
                return "" + az_date;
            } else {
                return "0" + az_date;
            }
        }
    },
});

HTML：

<div id="az-calendar"> </div>

我正在寻找的结果：

【问题讨论】：

是什么让您认为flatpickr 能够做到这一点？我并不是说不是，但示例中没有任何内容，这似乎是他们会宣传的功能。
@freedomn-m 这就是 a 发表这篇文章的原因 :)
这是 Flatpickr 的默认选项：flatpickr.js.org/optionsshowMonths codepen 示例：codepen.io/mtmtkzm/pen/OEQvLB

标签： javascript jquery calendar flatpickr

【解决方案1】：

我找到了如何添加 2 列（2 列表示 2 个月）。

要使用两个月，我们必须使用配置选项showMonths: 2

示例：

var calendar = flatpickr(el, {
  mode: "range",
  showMonths: 2
}

【讨论】：

【解决方案2】：

我有这个疑问。我添加了这些设置，但没有显示两个月。

【讨论】：