FullCalendar如何在日视图上方显示日期名称

时间:2018-01-15 18:42:51

标签: fullcalendar

我正在使用FullCalendar调度程序,并希望将我的日历设置为议程日视图,并选择“周”或“月”。但是,我担心的是,一周中的实际日期不会显示在默认视图中,只会显示如下日期:

  

2018年1月15日

我真的想要这样的东西:

  

1月15日星期一

我甚至不需要这一年。

星期和月份视图中显示的日期没有问题,但我找不到允许日视图显示日期的设置,这对于用户想要跳到下周五的时间非常有用#39;例如,无需查阅其他视图以找出实际日期。

有什么想法吗?

2 个答案:

答案 0 :(得分:2)

这由“titleFormat”选项控制。您可以将其与特定于视图的选项结合使用,以仅为“日期”视图更改标题:

views: {
  day: {
    titleFormat: 'dddd, MMMM Do YYYY'
  }
},

有关正常工作的演示,请参阅http://jsfiddle.net/sbxpv25p/105/

另见

1)https://fullcalendar.io/docs/text/titleFormat/(标题格式选项)

2)https://fullcalendar.io/docs/views/View-Specific-Options/(查看具体选项)

3)https://fullcalendar.io/docs/utilities/date_formatting_string/http://momentjs.com/docs/#/displaying/format/(可用于格式化日期的字符)

答案 1 :(得分:1)

使用 Fullcalendar v5 时,语法略有变化。格式由本地定义。工作日由额外的 attribute and date formatting 添加:

locale: 'en',
views: {
    day: {
        titleFormat: {
            year: 'numeric', month: 'long', day: 'numeric', weekday: 'short'
        },
    },
},