更改周视图中日标题的格式

发布于 2024-11-27 02:45:49 字数 296 浏览 4 评论 0原文

如何更改 Fullcalendar 中日期的格式 ->周视图。
它现在说:

Sun 7/24  Mon 7/25  Tue 7/26  Wed 7/27 Thu 7/28 Fri 7/29  Sat 7/30

我想切换月份和日期,所以它说

Sun 24/7  Mon 25/7  Tue 26/7 Wed 27/7 Thu 28/7 Fri 29/7  Sat 30/7  

这是我们的用户在我生活/工作的国家/地区习惯的方式。

How can I change the formatting of the date in Fullcalendar -> weekview.
It now says:

Sun 7/24  Mon 7/25  Tue 7/26  Wed 7/27 Thu 7/28 Fri 7/29  Sat 7/30

I want to switch month and day around so it says

Sun 24/7  Mon 25/7  Tue 26/7 Wed 27/7 Thu 28/7 Fri 29/7  Sat 30/7  

which is the way our users are used to in the country where I live/work.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

两人的回忆 2024-12-04 02:45:49

我找到了一个解决方案:

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

I have found a solution:

columnFormat: {
    month: 'ddd',
    week: 'ddd d/M',
    day: 'dddd d/M'
},
℡寂寞咖啡 2024-12-04 02:45:49

您可以使用此未记录的配置变量对日期/月份的所有外观进行常规更改,这样您就不必在每个视图中指定它:

dayOfMonthFormat: 'ddd DD/MM',

You can use this undocumented config variable to make a general change for all appearances of date/month so you don't have to specify it per view:

dayOfMonthFormat: 'ddd DD/MM',
拔了角的鹿 2024-12-04 02:45:49

有错误,第一个字符必须小写:

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

There is a mistake, the first character must be lowercase:

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

假情假意假温柔 2024-12-04 02:45:49

那么试试这个..

$('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,basicWeek,basicDay'
            },
            defaultView: 'basicWeek',
            editable: true,
            events: [
                {
                    title: 'All Day Event',
                    start: new Date(y, m, 1) // change the format here.
                },
                {
                    title: 'Long Event',
                    start: new Date(y, m, d-5),
                    end: new Date(y, m, d-2)
                }

try this then..

$('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,basicWeek,basicDay'
            },
            defaultView: 'basicWeek',
            editable: true,
            events: [
                {
                    title: 'All Day Event',
                    start: new Date(y, m, 1) // change the format here.
                },
                {
                    title: 'Long Event',
                    start: new Date(y, m, d-5),
                    end: new Date(y, m, d-2)
                }
寂寞花火° 2024-12-04 02:45:49

您可以使用以下设置轻松完成此操作:

'ddd'     // like 'Mon', for month view
'ddd M/D' // like 'Mon 9/7', for week views
'dddd'    // like 'Monday', for day views

示例 Fullcalendar

$('#calendar').fullCalendar({ columnFormat: "ddd D/M" });

OR

$('#calendar').fullCalendar({ columnHeaderFormat: "ddd D/M" });

有关更多详细信息,请单击 这里

You can do this easily with this setting:

'ddd'     // like 'Mon', for month view
'ddd M/D' // like 'Mon 9/7', for week views
'dddd'    // like 'Monday', for day views

Example Fullcalendar

$('#calendar').fullCalendar({ columnFormat: "ddd D/M" });

OR

$('#calendar').fullCalendar({ columnHeaderFormat: "ddd D/M" });

For more details Click here!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文