将格式时间AM / PM更改为24小时时间线日全日历

时间:2018-02-22 02:58:12

标签: javascript jquery fullcalendar fullcalendar-scheduler

我有一个项目用户jQuery fullcalendar-scheduler,我想格式化时间使用24小时。我有如下配置,但它没有工作。我的代码有问题吗?

{
        now: moment().format('YYYY-MM-DD'),
        contentHeight: setUpHeight(),
        aspectRatio: 1.8,
        header: {
            left: 'today prev,next',
            center: 'title',
            right: 'timelineDay,timelineMonth'
        },
        timeFormat: 'H(:mm)',
        defaultView: 'timelineDay',
        resourceLabelText: 'Devices',
        resources: resources,
        events: schedules,
        eventRender: function (event, el) {
            el.qtip({
                content: {
                    delay: 1e3,
                    text: function () {
                        return $('#qtip-content-custom').html(event.description);
                    },
                },
                style: { classes: 'qtip__clases' },
                position: {
                    target: 'mouse',
                    adjust: { x: 7, y: 5 }
                },
            });
        }
}

结果仍然使用AM / PM,如下所示:

enter image description here

4 个答案:

答案 0 :(得分:2)

尝试slotLabelFormat

e.g。

slotLabelFormat: ['H:mm']

答案 1 :(得分:2)

解决方案:只需添加views选项,如下所示:

views: {
  timelineDay: {
    slotLabelFormat: ['H:mm'],
  },
  timelineMonth: {
    slotLabelFormat: ['DD'],
  },
},

答案 2 :(得分:0)

更改此内容:

timeFormat: 'H(:mm)',

作者:

slotLabelFormat:"HH:mm",

答案 3 :(得分:0)

将fullcalender.js中的3.9.0版本转换为globalDefaults:

maxTime: "24:00:00",
slotLabelFormat: ['H:mm'],