Bootstrap 日期范围选择器仅查看月份和年份答案

【问题标题】：Bootstrap date range picker view month and year onlyBootstrap 日期范围选择器仅查看月份和年份
【发布时间】：2015-03-24 23:08:27
【问题描述】：

我构建了一个包含月份范围的表单。我正在使用 daterangepicker 引导程序来做到这一点。例如从一月到四月，但我不能只使用 viewMode: 'months' 显示月份视图，或者可能有另一个代码只显示月份？

这是我的 js 代码：

$(function () {
    $('#growthrange').daterangepicker({
        format: 'MM/yyyy',
        viewMode: 'months',
        minViewMode: 'months',
        autoclose: true,

        locale: {
            applyLabel: 'Apply Date',
            fromLabel: 'First Date',
            toLabel: 'Second Date',
            monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
            firstDay: 1
        }
    },
    function (start, end) {
        $('#growthrange span').html(start.toString('MMMM, yyyy') + '-' + end.toString('MMMM, yyyy'));
    });

请帮忙！

【问题讨论】：

我建议 - stackoverflow.com/a/32554467/104380
你检查过这个吗？ codepen.io/nathanfiscus/pen/qELYjG

标签： twitter-bootstrap bootstrap-datetimepicker daterangepicker

【解决方案1】：

怎么样

这段代码：

 $("#growthrange").daterangepicker( {
        format: "mm-yyyy",
        viewMode: "months", 
        minViewMode: "months"
    });

【讨论】：

这看起来更像是 bootstrap-datepicker 而不是 bootstrap "date range picker"
bootstrap-datepicker 的坏处在于它提供了 2 个不同的下拉日历来选择一个范围，而不是一个。

【解决方案2】：

$("#growthrange").daterangepicker( {
   locale: {
      format: 'MM/YYYY'
   }
})

【讨论】：

见“Explaining entirely code-based answers”。虽然这在技术上可能是正确的，但它并不能解释为什么它可以解决问题或应该是选择的答案。除了帮助解决问题，我们还应该进行教育。