fullcalendar 如何将 titleFormat 设置为 m/d/yyyy - m/d/yyyy

Question

如何设置 titleFormat 以便日历的标题看起来像 2017 年 1 月 9 日 - 2017 年 1 月 13 日（没有周六和周日，只有周一到周五） 目前我的日历在开始时看起来像这样，标题看起来像 1/9 – 15/2017（这不是我想要的）

  $('#calendar').fullCalendar({

            header: {
                left: 'prev title next today',
                right: ''
            },
            weekends: false,
            titleFormat: "M/D/Y",
            editable: false,
            firstDay: 1,
            disableDragging: true,
            displayEventEnd: true,
            views: {
                week: {
                    type: 'basicWeek',
                    duration: {
                        days: 7
                    },
                    columnFormat: 'dddd M/D/Y'// Format the day to show full weekday and its date
                }
            },

请帮忙。

Answer 1

您可以使用 viewRender 属性创建自己的标题格式。

首先，你得把titleFormat改成这样：

titleFormat: "YYYY/MM/DD"

标题现在应该是这样的：

2018/05/27 – 2018/06/02

然后你可以像这样使用 viewRender 属性重新格式化标题：

 viewRender: function (view, element) {

                //reformat title date for week mode
                if (view.type == "agendaWeek") {

                    //Get the start date value and reformat the date
                    var startDate = moment(view.title.split("–")[0].replace(" ", "")).format("M/D/YYYY");

                    //You can set the day range depending on what you need
                    //If you only want to show dates from Monday to Friday, then you can get the end date value by adding 4 days from the start date
                    var endDate = moment(startDate).add(4, "days").format("M/D/YYYY");

                    //Override the fullcalendar title here
                    $(".fc-center h2").text(startDate + " – " + endDate);
                }

            }

您可以在此处阅读第二个问题的答案： FullCalendar show only weekDays

Answer 2

对不起，你不能。

在内部，FullCalendar 使用其formatRange 方法来格式化标题（请参阅https://fullcalendar.io/docs/utilities/formatRange/）。这采用给定的格式，并且“智能地”（它的词不是我的）拆分格式并在两个日期之间放置一个破折号，这样您就可以获得一次指定的日期格式，但有 2 天和一个破折号。因此，您可能会显示类似“2017 年 1 月 1 日至 31 日”(titleFormat: "MMM Do, Y") 之类的内容。

无论如何，您实际上是在尝试显示实际上是多余的信息 - 您想显示两次月份和两次年份。用户可以很高兴地看到它只显示一次的月份和年份。