6

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

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

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

4

8 回答 8

11

使用它，它会起作用：

$('#calendar').fullCalendar({
 timeFormat: 'hh:mm a'
});
于 2015-10-23T03:04:21.597 回答
6

如果你使用的是timelineDay视图，我发现这个设置会改变时间格式：

slotLabelFormat:"HH:mm"
于 2016-05-26T12:54:49.327 回答
4

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

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

eventTimeFormat: {
  hour: "numeric",
  minute: "2-digit",
  meridiem: "short",
},
于 2020-06-10T11:14:30.760 回答
4

你可以使用这个：

axisFormat: 'h:mm a'
于 2015-07-29T13:24:23.657 回答
3

首先，我认为您对这么多文件感到困惑，但基本上您只需要缩小 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: " "; }

现在希望你以你想要的方式拥有它。

问候

于 2015-08-11T13:40:31.200 回答
1

在fullcalendar v3中，他们使用moment.js来格式化时间，您可以使用 timeFormat: 'h:mm A' 来格式化，您可以在 this moment js docs page中使用输入在报价之间进行更改

于 2017-08-23T08:40:02.913 回答
0

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

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

于 2013-04-13T05:14:10.403 回答
0

在你的 scheduler.fullcalendar.js 文件中查找events:[]，并在它下面添加这一行 timeFormat: 'hh:mm A'， 它将显示像这样的时间 10:20 PM 如果你想像这样显示时间10:20 PM 使用小a

于 2017-04-04T06:26:29.877 回答