Bootstrap DatePicker 3 显示多个月份

Question

我正在使用 Bootstrap 3 日期选择器 Homepage

效果很好，但我需要展示两个月而不是一个月。我知道在选项选项卡中他们显示 sideBySide 事件，但这只是时间，我想在那里显示另一个月而不是时间。

有人可以帮忙吗？

这是它用 sideBySide 显示的内容

但我需要这样：

Answer 1

您需要的是范围日期选择器，如果我是对的，这个插件没有这样的功能。您可以使用类似 this 相反。

Answer 2

~~这会做~~ Bootstrap 日期选择器没有这个功能，但是可以使用 jQuery UI Datepicker[=12= 轻松完成]

<script>
    $( function() {
        $( "#datepicker" ).datepicker({
            numberOfMonths: 2
        });
    } );
</script>


<p>Date: <input type="text" id="datepicker"></p>

Answer 3

游戏有点晚了，但这是我的解决方案：使用多个日历（使用 Tempus Dominus 测试，应该也适用于 bootstrap-datepicker）：

=== HTML Part: ===
<div class="row" id="datetimepicker1"></div>
<div class="row" id="datetimepicker2"></div>

=== Javascript Part: ===

$('#datetimepicker1').datetimepicker({
    format: 'L',
    inline: true
});

$('#datetimepicker2').datetimepicker({
    format: 'L',
    inline: true,
    defaultDate: moment().add(1, 'months')
});


$("#datetimepicker1").on("update.datetimepicker", function (e) {
    e.viewDate.add(1, 'months');
    $('#datetimepicker2').datetimepicker('date', e.viewDate);
});

注意阻止 "update.datetimepicker" 触发的错误：https://github.com/tempusdominus/bootstrap-4/issues/176

Bootstrap DatePicker 3 显示多个月份

Bootstrap DatePicker 3 show multiple months

twitter-bootstrap

bootstrap-datepicker