Bootstrap DatePicker 3显示多个月

时间:2015-08-03 21:03:13

标签: twitter-bootstrap bootstrap-datepicker

我正在使用 Bootstrap 3 Datepicker Homepage

它工作得很好,但我需要显示两个月而不是一个月。我知道在选项标签中他们会显示 sideBySide 事件,但仅限时间,我想在那里显示另一个月而不是时间。

任何人都可以帮忙吗?

这是sideBySide显示的内容

enter image description here

但我需要这样:

enter image description here

3 个答案:

答案 0 :(得分:2)

这会做

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


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

答案 1 :(得分:1)

你需要的是一个范围日期选择器,如果我是对的,这个插件没有这样的功能。 您可以使用https://stackoverflow.com/a/31798686/3558278之类的内容 代替。

答案 2 :(得分:0)

游戏晚了一点,但这是我的解决方案:使用多个日历(经过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