【问题标题】:FullCalendar how to display day name above day viewFullCalendar 如何在日视图上方显示日名称
【发布时间】:2018-01-15 18:42:51
【问题描述】:

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

2018 年 1 月 15 日

我真的很想拥有类似的东西:

1 月 15 日星期一

我什至不需要年份。

天确实出现在周视图和月视图中没问题,但我找不到允许在日视图中显示日期的设置,例如,当用户想要跳到“下周五”时,这将非常有用无需查阅其他视图即可找出实际日期。

有什么想法吗?

【问题讨论】:

    标签: fullcalendar


    【解决方案1】:

    这由“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/(可用于格式化日期的字符)

    【讨论】:

      【解决方案2】:

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

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-01-03
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多