javascript - 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]);
    });
});

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