jquery - 引导 datetimepicker viewMode 月份格式答案

【问题标题】：jquery - bootstrap datetimepicker viewMode months formatjquery - 引导 datetimepicker viewMode 月份格式
【发布时间】：2015-06-29 07:46:51
【问题描述】：

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

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

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

【问题讨论】：

该插件似乎不允许在 months 视图模式下整月，您必须修改插件或替换文本；
@SamBattat 任何其他无需修改插件的解决方案？！
总有办法..检查我的答案

标签： javascript jquery datepicker datetimepicker bootstrap-datetimepicker

【解决方案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/

【讨论】：