jquery - bootstrap datetimepicker viewMode月份格式

Question

我正在使用jquery插件bootstrap 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]);
    });
});

DEMO ：http://jsfiddle.net/nepek6u8/