FullCalendar:更改事件开始日期和时间格式

Question

我正在将我的谷歌日历订阅源拉到fullcalendar。当我查看事件详细信息时，开始时间显示如下：2012年2月19日星期日15:00:00 GMT-0500（东部标准时间）。我更希望它看起来更"正常"一点——也许是这样：2012年2月19日星期日下午3点（美国东部时间）。我读过关于formatdate等的文章，但我仍然无法理解我实际需要做什么来更改日期和时间的格式。我一直在阅读这个论坛上的相关话题，但在这一点上，它们只是让我更加困惑。提前非常感谢您的帮助！我的完整日历代码如下：

<script type="text/javascript">
        $(document).ready(function() {
            $('#calendar').fullCalendar({
                  eventClick: function(calEvent, jsEvent, view) {
                    $.colorbox({
                        maxWidth:"800px", html:"<h1>"+calEvent.title+"</h1><h2>When</h2><p>"+calEvent.start+"</p><h2>Where</h2><p>"+calEvent.location+"</p><h2>"+calEvent.eventTime+"</h2><p>"+calEvent.description+"</p>"});
                  },
                  events:
                        {
                        url: 'my google calendar feed url'
                        }
            });
        });
</script>

Answer 1

您需要将formatDate位（它表示"HH:mm"）更改为您在此处查找的相应字母。

对于你想要的东西（减去似乎不在formatDate函数中的EST位），你想要的是这样的东西：

var eventTime = $.fullCalendar.formatDate(calEvent.start, "dddd, MMMM yyyy @ h:sstt")+" to "+
                $.fullCalendar.formatDate(calEvent.end, "dddd, MMMM yyyy @ h:sstt");

编辑：据我所知…

<script type="text/javascript">
    $(document).ready(function() {
        $('#calendar').fullCalendar({
              eventClick: function(calEvent, jsEvent, view) {
        var eventTime = $.fullCalendar.formatDate(calEvent.start, "dddd, MMMM yyyy @ h:sstt")+" to "+
                        $.fullCalendar.formatDate(calEvent.end, "dddd, MMMM yyyy @ h:sstt");
        $.colorbox({
          maxWidth:"800px",
          html:"<h1>"+calEvent.title+"</h1>"+
             "<h2>When</h2>"+
             "<p>"+eventTime+"</p>"+
               "<h2>Where</h2>"+
               "<p>"+calEvent.location+"</p>"+
               "<p>"+calEvent.description+"</p>"});
        },
        events:
        {
            url: 'my google calendar feed url'
        }
     });
        });
</script>