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

628mspwn  于 2023-10-17  发布在  jQuery
关注(0)|答案(5)|浏览(153)

我在我的项目中使用FullCalendar插件jQuery。在fullCalendar周视图中,我可以看到一行以以下格式显示日期:
Sunday 9/6Monday 9/7Tuesday 9/8等等.
实际上,我希望将month/day的位置颠倒为day/month
我该如何初始化设置?谢谢你,谢谢

uidvcgyl

uidvcgyl1#

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

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

在这个fiddle中演示。让我知道如果这有帮助!

ff29svar

ff29svar2#

查看完整日历文档中的title_format选项:http://arshaw.com/fullcalendar/docs/text/titleFormat/并在fullcalendar选项中设置所需的格式。
您还可以查看here以获取所有日历视图的格式选项。

oxosxuxt

oxosxuxt3#

对于使用FullCalendar v3的用户
好像配置变了。
可以使用columnHeader Format、Text或Html属性
正如这个非常好的文档中所解释的那样:
https://fullcalendar.io/docs/date-display
并将它们应用于以下不同的视图:
https://fullcalendar.io/docs/view-specific-options

qgelzfjb

qgelzfjb4#

您可以使用moment使用任何类型的日期格式,这是用于fullcalendar V5 (Version 5)
这是fullcalendar配置选项。

dayHeaderFormat: this.dayHeaderFormatUsingMoment,

这就是JavaScript函数。

dayHeaderFormatUsingMoment(info) {
    return moment(info.date.marker).format("ddd, DD/MM/YYYY"); //output : Tue, 21/07/2020
}
i7uq4tfw

i7uq4tfw5#

views: {
  week: {
    dayHeaderFormat: {
      // year: 'numeric',
      // month: '2-digit',
      day: '2-digit',
      weekday: 'short',
    },
  },
},

更新答案:2023年的产量将是:例如:22个太阳

相关问题