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

【问题标题】：Title on FullCalendar month view not displaying properlyFullCalendar 月视图上的标题未正确显示
【发布时间】：2015-08-22 05:26:34
【问题描述】：

请查看我在https://preview.c9.io/tomheaps/enharmonic/Website/enharmonic_calendar.html?_c9_id=livepreview2&_c9_host=https://ide.c9.io 制作的网页，该网页具有嵌入式谷歌日历，使用 jquery 插件 FullCalendar 进行样式设置。

如您所见，当您单击月视图时，标题显示不正确，两个日期之间出现了一些奇怪的字符，并显示“2015 年 6 月 1 日至 7 日”而不是“2015 年 6 月 1 日至 7 日”例子。

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

谁能想到一个解决方法，让我仍然可以使用 Open Sans？

【问题讨论】：

抱歉，我是说周视图，而不是月视图！！
我不确定这是否有帮助，但请尝试为字符编码添加正确的元标记，看看它是否将这些字符转换为正确的符号。 link
这里列出的是编码问题：UTF-8 Encoding Debugging Chart。
你说的没错，就是应该显示的字符。知道如何在我的页面上纠正这个问题，因为我不明白如何使用您链接到的页面上的建议“查找对 ISO-8859-1 的引用并将其替换为“Windows-1252”（或CP1252，或您正在使用的库或平台的正确字符编码名称。）'
添加元标记可能无法解决问题。这可能是由您用于编辑页面的应用程序引起的。当页面以一种编码类型保存并以另一种类型显示时，就会发生这种情况。检查您的页面编辑器是否有保存为 UTF-8 的选项...而不是其他格式，例如 Windows 1252。

标签： javascript jquery jquery-plugins fullcalendar

【解决方案1】：

我遇到了同样的问题——而不是——。这是一个编码问题。

我轻松解决了：

观察：

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

解决方案：

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

【讨论】：

非常感谢，你救了我的命，在我看来这是正确答案，应该接受

【解决方案2】：

Tom，请确保您的 HTML 格式为 UTF-8： header("Content-Type: text/html; charset=utf-8");

在 html 标签之后包含下面的标签。

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

【讨论】：

试过了，但没有任何区别，仍然看到'-'而不是'-'
在 Firefox/IE 上测试显示正确的“—”字符。显然这是一个 chrome 问题。
Roberto - 您使用的是 mac 还是 windows 计算机？
由于某种原因刚刚开始在chrome中工作，可能浏览器清除了它的缓存并且元标记现在生效了。谢谢大家。
我使用的是 JSP，所以我还必须更改 JSP 标头中的编码：<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>

【解决方案3】：

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

作为@PolFernandez pointed out in his answer（谢谢你），问题是完整日历库的缩小版本有不同的分隔符符号。

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

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

【讨论】：