javascript - jquery - 引导 datetimepicker viewMode 月份格式

Question

我正在使用 jquery 插件引导 datetimepicker，我想在日历中设置月份的完整格式。我怎么能做到这一点，因为我没有任何允许我这样做的功能？

<div id="datetimepicker"></div>

$('#datetimepicker').datetimepicker({
    locale: 'fr',
    dayViewHeaderFormat: 'YYYY',
    viewMode: 'months',
    format: "MMMM YYYY", 
    debug : true
});

Answer 1

使用 moment.js 定位语言并获取完整月份的列表，或者months手动指定为所有月份的数组。

收听dp.show事件并循环浏览月份文本，并将其替换为相应的整月文本。

moment.locale('fr');
var months = moment.months();

$('#datetimepicker10').datetimepicker({
    viewMode: 'months',
    locale: 'fr'
}).on('dp.show', function(e){
    var $dp = $(e.target);
    var $cal = $('.bootstrap-datetimepicker-widget', $dp);
    $('.month', $cal).each(function(i){
        $(this).text(months[i]);
    });
});

演示：http: //jsfiddle.net/nepek6u8/