Question

我将Google日历Feed添加到fullcalendar。当我查看活动详细信息时，开始时间显示如下：Sun Feb 19 2012 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”，并将其更改为您要查找的here所需的相应字母。

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

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>

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

1 个答案: