Fullcalendar 自定义完整日历中的时间小时数

我使用的是HTML5Admin的完整日历，但我需要在日历行中显示我设置的时刻@时段=[“早餐前”、“早餐后”、“午餐前”、“午餐后”、“下午”、“晚餐前”、“晚餐后”]而不是在第7行中显示上午7点、上午8点、上午9点、上午10点等的时间。。。。。我不知道这是否可能。我也在使用moment.js。我的代码如下所示：

$(document).ready(function() {

// page is now ready, initialize the calendar...


$('#calendar').fullCalendar({
    scrollTime: '07:00:00',
    minTime: '07:00:00',
    maxTime: '22:00:00',
    defaultView: 'agendaWeek',
    header:{left:"prev,next,today",
            center:"title",
            right:"month, agendaWeek, agendaDay"},

    // put your options and callbacks here
})

---

})

我认为仅仅更改日历的默认属性是不可能的，但是您可以修改源代码。 在fullcalendar 2.2.0中，负责绘制插槽文本的方法为：

具体而言，该代码：

axisHtml =
                '<td class="fc-axis fc-time ' + view.widgetContentClass + '" ' + view.axisStyleAttr() + '>' +
                    ((!slotNormal || !minutes) ? // if irregular slot duration, or on the hour, then display the time
                        '<span>' + // for matchCellWidths
                            htmlEscape(calendar.formatDate(slotDate, view.opt('axisFormat'))) +
                        '</span>' :
                        ''
                        ) +
                '</td>';

因此，您可以定义自己的力矩限制，然后使用本机momentJs比较器：

var mySpecificText;
var afternoon = moment(...);
var preLunch = moment(...);
if (slotTime.isBefore(afternoon) && slotTime.isAfter(preLunch){
    mySpecificText = "Pre Lunch";
    axisHtml = '<td class="fc-axis fc-time ' + view.widgetContentClass + '" ' + view.axisStyleAttr() + '><span>' + mySpecificText  + ' </span> </td>'
}

---

谢谢，这是我猜的。非常有用。不客气@davidsr。如果它是有用的，请考虑接受和投票的答案：我想投它，但它告诉我，我需要15的声誉。

var mySpecificText;
var afternoon = moment(...);
var preLunch = moment(...);
if (slotTime.isBefore(afternoon) && slotTime.isAfter(preLunch){
    mySpecificText = "Pre Lunch";
    axisHtml = '<td class="fc-axis fc-time ' + view.widgetContentClass + '" ' + view.axisStyleAttr() + '><span>' + mySpecificText  + ' </span> </td>'
}