周视图标题的Fullcalendar格式

时间:2017-08-04 10:58:12

标签: javascript fullcalendar

这些天我正在使用fullcalendar。 我想在周视图中更改日期的格式。我发现很多人都成功使用了columnFormat:{month:' ddd',week:' ddd d / M',day:' dddd d / M' },但这个对我不起作用。 也许是我用西班牙语作为语言的存在? 这是我的日历代码和我想做的事情。谢谢。

    $('#calendar').fullCalendar({
        //defaultView: 'week',
        locale: "es",
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        //defaultDate: '2016-01-12',
        editable: true,
        eventLimit: true, // allow "more" link when too many events
        selectable: true,
        selectHelper: true,
        minTime: "09:30:00",
        maxTime: "19:30:00",
        slotLabelFormat: "h:mm",
        slotDuration: "00:30:00",
        slotLabelInterval: "00:30:00",
        //columnFormat: { month: "ddd", week: "ddd D", day: "dddd" },

        select: function(start, end) {

使用此代码,我现在得到了这个:

enter image description here

如果我删除' //' columnFormat的行,它就像:

enter image description here

有人能帮助我吗?谢谢。

2 个答案:

答案 0 :(得分:3)

Use full calendar View-Specific Options

 views: {
  month: {
    columnFormat: 'dddd' // set format for month here
  },
  week: {
    columnFormat: 'ddd d/M' // set format for week here
  },
  day: {
    columnFormat: 'dddd' // set format for day here
  }
},

remove columnFormat from your code and set views config.

答案 1 :(得分:-1)

You can use this:

columnFormat: {
    month: "ddd",
    week: "ddd dd",
    day: "dddd"
}