如何在事件中显示时间？答案

【问题标题】：How to get a time visible in events?如何在事件中显示时间？
【发布时间】：2012-03-06 11:46:33
【问题描述】：

我正在使用 FullCalendar 1.5.3 显示来自 json 提要的事件。每个事件反馈我有 4 个字段 - id、开始、结束和标题。这适用于显示标题的每个事件块。在 FullCalendar 示例中，带有开始和结束日期的事件显示在标题之前插入了开始时间（例如，格式为 7p 或 10:30a）。这是如何实现的？我所有的活动都有开始和结束时间，我正在使用以下设置...

$(document).ready(function(){
    $('#claimCalendar').fullCalendar({
        theme : true,
        editable : false,
        firstDay : 1,
        aspectRatio : 4,
        timeFormat: {
            '' : 'H(:mm)t'
        },
        allDayDefault: false,
        eventSources: [
            { //list of my eventSources
            }
        ],
        loading: function (bool) {
            if (bool) $('#loading').show();
            else $('loading').hide();
        }
    });
});

关于如何获得展示时间的任何想法？最终，我希望为每个事件显示以下信息

开始标题结束例如00:00 标题 07:30

【问题讨论】：

看看this，甚至可能是Javascript Date object
感谢 Giorgio，但我已经指定了我的 timeFormat，如上所示。我什至只尝试过 - timeFormat: 'H(:mm)t' 和 timeFormat: { month:'H(:mm)t'} 仍然没有运气。
你现在的输出是什么？并且将 allDay 或 allDayDefault 设置为 false？
我的输出来自 json 提要。每个事件总是有一个开始和结束日期。数据代表已完成工作的声明，因此我的提要带有数字 ID、开始日期时间和结束日期时间以及标题。我将 allDayDefault 设置为 false，并且为了更好地衡量，我在事件参数中将 allDay 设置为 false。我只使用月视图。所有事件都以正确的顺序显示（最新的在单元格的顶部，最旧的在底部）。但显示的只是标题。正如我所提到的，我希望最终显示开始标题结束，但暂时只对开始标题感到满意。

标签： javascript fullcalendar

【解决方案1】：

我已经解决了这个问题...不知道为什么会发生这种情况，因为我在 fullCalendar 参数中使用了 allDayDefault:false，在我的事件中使用了 allDay:false，但没有显示时间。然后，我将 FullCalendar.js 1.5.3 中的第 38 行从 allDayDefault:true 修改为 allDayDefault:false，嘿，我的时间很快就显示出来了。

我还解决了我的第二个任务，我的事件现在显示开始 - 标题 - 结束。

【讨论】：

只是想知道，您使用的是缩小版还是未压缩版？正如我对他们演示页面上链接的fullcalander.min.js 和作为软件包的一部分下载的那个进行了比较。据我所知，如果您使用缩小版，则不会出现此问题！
我使用的是未压缩版本，因为我做了一些额外的修改。我的日历被用来显示每月的索赔。由于我们的索赔月从每个月的 24 日开始，我必须进行一些修改，以便日历在第一行显示 24 日，并在下个月的 23 日在第 5/6 行结束，在此之外的日期显示为灰色。个人要求加班、电话待命和外呼的事件。
继续... 这是三个 json 提要，以便我可以用不同的颜色为它们着色。我还限制了提要，使其仅显示在该索赔月份有效的索赔，换句话说，即使这些日子可能有索赔，在灰色的日子里也没有显示任何事件。它们只会在日历索赔月份更改并成为有效日期时显示。