FullCalendar 月视图上的标题显示不正确

Question

请查看我在 https://preview.c9.io/tomheaps/enharmonic/Website/enharmonic_calendar.html?_c9_id=livepreview2&_c9_host=https://ide.c9.io 上制作的网页，其中有一个嵌入式 google 日历，使用 jquery 插件 FullCalendar 设置样式。

如您所见，当您点击月视图时，标题显示不正确，两个日期之间有一些奇怪的字符，并显示“1st – 7th June 2015”而不是“1st - 7th June 2015” ' 例如。

我不确定是否会发生这种情况，因为我使用 Open Sans 作为该标题的字体并且它不包含 javascript?

自动插入的字形

谁能想出一个让我仍然使用 Open Sans 的解决方法？

Answer 1

Tom，请确保您将 HTML 作为 UTF-8 提供： header("Content-Type: text/html; charset=utf-8");

在 html 标签之后添加下面的标签。

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

Answer 2

我遇到了与我看到的相同的问题 â 而不是 —。这是一个编码问题。

我轻松解决了：

观察：

在 fullcalendar v.3.9.0 中，titleRangeSeparator 来自 fullcalendar.js 是 '\u2013' 这是正确的。
但是，fullcalendar.min.js titleRangeSeparator 是 —。

解法：

我从文件中手动更改了 titleRangeSeparator 的值 fullcalendar.min.js 从'-' 到'\u2013' --> 问题已解决。

Answer 3

我也有这个问题，开发的时候还好，部署的时候就出现了这个问题。

作为@PolFernandez （谢谢你），问题是 fullcalendar 库的缩小版本对分隔符有不同的表示法。

如果你不想修改原来的fullcalendar.min.js你可以简单地在日历初始化中设置分隔符：

$('#calendar').fullCalendar({
    views: {
        month: { columnHeaderFormat: 'ddd', displayEventEnd: true, eventLimit: 3 },
        week: { columnHeaderFormat: 'ddd DD', titleRangeSeparator: ' \u2013 ' },
        day: { columnHeaderFormat: 'dddd' },
    },
});

FullCalendar 月视图上的标题显示不正确

Title on FullCalendar month view not displaying properly

javascript

jquery

jquery-plugins

fullcalendar