Title on FullCalendar month view not displaying properly

I had the same issue I was seeing â instead of —. It is a codification problem.

I solved it easily:

Observation:

  • In fullcalendar v.3.9.0, the titleRangeSeparator from the fullcalendar.js is '\u2013' which is correct.
  • However, fullcalendar.min.js the titleRangeSeparator is .

Solution:

  • I changed manually the value of titleRangeSeparator from the file fullcalendar.min.js from'-' to '\u2013' --> problem fixed.

Tom, make sure that you are serving your HTML as UTF-8: header("Content-Type: text/html; charset=utf-8");

Include the tag below right after the html tag.

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