Question

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

正如您将看到的，当您点击月视图时，标题显示不正确，两个日期之间有一些奇怪的字符，并显示'2015年6月1日'而不是'2015年6月1日 - 7月7日'示例

我不确定这是否发生，因为我使用Open Sans作为此标题的字体，它不包含javascript自动插入的字形？

任何人都可以想到一个允许我仍然使用Open Sans的解决方法吗？

Answer 1

Tom，确保您以UTF-8的形式提供HTML：标题（＆＃34; Content-Type：text / html; charset = utf-8＆＃34;）;

在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 ' - ＆gt;问题已解决。

Answer 3

我也遇到了这个问题，尽管开发一切都很好，但部署时遇到了这个问题。

作为@PolFernandez pointed out in his answer（谢谢您），问题在于fullcalendar库的精简版对分隔符使用了不同的表示法。

如果您不想修改原始的fullcalendar.min.js，只需在日历初始化中设置分隔符即可：

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

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

3 个答案: