Question

下午好，我知道这个话题已经在之前的讨论中讨论过，尽管有不同的主题，我仍然无法解决我的问题。我正在使用http://arshaw.com/fullcalendar/提供的完整日历，他们有两种显示时间的方式，例如“10：30a” - “7p”。我希望时间显示在非全日活动的日历上，格式为“12:00 pm”或“12:00 am”。我遇到的问题是，当你下载fullcalendar时，你有几个文件：

fullcalendar.js，fullcalendar.css，fullcalendar.min.js，fullcalendar.print.css，gcal.js，jquery-1.9.1.min，jquery-ui-1.10.2.custom.min

我尝试了其他线程建议的内容，这是时间格式和setdefault方法中fullcalendar.js的更改，但无济于事。我甚至可以删除文件“fullcalendar.js”，我的测试仍然可以正常工作。我想知道为什么会这样，如果时间格式没有在那里管理，它在哪里管理？感谢

Answer 1

使用它，它会起作用：

$('#calendar').fullCalendar({
 timeFormat: 'hh:mm a'
});

Answer 2

如果您正在使用timelineDay视图，我发现此设置将更改时间格式：

slotLabelFormat:"HH:mm"

Answer 3

您可以使用：

axisFormat: 'h:mm a'

Answer 4

首先，我认为你对这么多文件感到困惑，但基本上你只需要缩小javascript和css就可以了。

其次，我在正确显示时间时遇到了同样的问题。这就是我所做的，这是一个解决方法，但它对我有用，对不起，如果它很脏。

初始化日历时，您必须为时间格式添加选项，以便即使其舍入时间也显示分钟。

jQuery('#calendar').fullCalendar({ timeFormat: 'h:mm t' });

然后它只出现“a”或“p”而不是“am”或“pm”所以我使用了一点CSS魔法来添加“m”，我创建了规则：

.fc-time:after { content: "m"; }

现在您可能会搞乱周视图，因此您可以添加规则

.fc-axis.fc-time:after { content: " "; }

现在希望你能按照自己想要的方式拥有它。

此致

Answer 5

我之前遇到过同样的问题，这可以解决您的问题

如果您使用的是版本4 ，请将此对象添加到全日历对象中

eventTimeFormat: {
  hour: "numeric",
  minute: "2-digit",
  meridiem: "short",
},

Answer 6

在fullcalendar v3 中，他们使用 moment.js 格式化时间，你可以格式化使用， timeFormat：'h：mm A'，您可以在此moment js docs page

中使用输入更改引号

Answer 7

fullcalendar允许您通过设置时间格式（http://arshaw.com/fullcalendar/docs/text/timeFormat/）来更改默认时间。可能比更改源代码更好。

我认为您的解决方案不起作用的原因是因为您包含fullcalendar.js和fullcalendar.min.js。这些文件包含相同的代码，第二个是第一个的缩小版本。缩小文件通常用于已部署的站点版本，而另一个版本用于开发。因此，如果您想进行更改，请不要包含缩小版

Answer 8

在scheduler.fullcalendar.js文件中查找事件：[]，，然后在其下添加 timeFormat：'hh：mm A'， 它将显示时间，如下午10:20 如果你想显示这样的时间10:20 Pm使用小 a

fullcalendar时间格式

8 个答案: