javascript 周视图中的完整日历更改日期格式

Question

提问by Ham

I'm using FullCalendar plugin for jQuery in my project. In fullCalendar week view, I can see a row showing the date in following format:-

我在我的项目中使用了 jQuery 的 FullCalendar 插件。在 fullCalendar 周视图中，我可以看到一行显示以下格式的日期：-

Sunday 9/6, Monday 9/7, Tuesday 9/8so on...

Sunday 9/6, Monday 9/7,Tuesday 9/8等等...

Actually, I wish to reverse the position of month/dayto day/month.

其实，我想扭转的位置month/day来day/month。

How shall I initialize the setting? Thanks!

我应该如何初始化设置？谢谢！

Answer 1

You need to use the columnFormatoption to customize this.

您需要使用该columnFormat选项来自定义它。

columnFormat: {
            month: 'ddd',
            week: 'ddd d/M',
            day: 'dddd d/M'
        }

Demonstrated in this fiddle. Let me know if this helps!

在这个小提琴中表现出来。如果这有帮助，请告诉我！

Answer 2

Look at title_formatoption in fullcalendar documentation: http://arshaw.com/fullcalendar/docs/text/titleFormat/and set desired format in fullcalendar options.

查看title_formatfullcalendar 文档中的选项：http://arshaw.com/fullcalendar/docs/text/titleFormat/并在 fullcalendar 选项中设置所需的格式。

You can also look herefor format options for all calendar views.

您还可以在此处查看所有日历视图的格式选项。

Answer 3

For those who are using the FullCalendar v3
It seems that the configuration has changed.

对于那些使用 FullCalendar v3 的人来说
，似乎配置发生了变化。

You can use the columnHeader Format, Text, or Html properties
As explained in this very nice documentation:
https://fullcalendar.io/docs/date-display

您可以使用 columnHeader 格式、文本或 Html 属性
如这个非常好的文档中所述：https:
//fullcalendar.io/docs/date-display

And apply them to different views following this one:
https://fullcalendar.io/docs/view-specific-options