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

时间:2015-03-24 23:08:27

标签: twitter-bootstrap bootstrap-datetimepicker daterangepicker

我构建一个包含月份范围的表单。我正在使用daterangepicker bootstrap来做到这一点。例如从1月到4月,但我不能仅使用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'));
    });

请帮忙!

2 个答案:

答案 0 :(得分:1)

怎么样

此代码:

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

答案 1 :(得分:1)

我也是,我试图找到解决方案,但没有一个真正适用于我的上下文,这里是我实现它(有更多的选项和事件监听器): 希望这可以帮助其他人,如果它太晚了帖子: enter image description here

git repo(不要犹豫,贡献)