Question

我正在为我正在处理的学校网站设置Google日历，并且正在使用Google API显示接下来的五个日历活动。一个问题是时间显示在24小时制而不是AM和PM，但这不是我的主要问题。主要问题是，当事件在网站上显示正确的时间时，当您单击事件以在日历事件视图中查看它时，它将仅显示GMT时间而不是东部时间。登录Google帐户后，事件会显示正确的时区，但无论何时在未登录时查看，都默认为GMT。

我已尝试将其更改为其他时区并将其更改回来，但未修复它。

我还确保日历和帐户中的所有设置都设置为东部时区，至少在我能找到的地方。

我在Google网站上看到很多人使用ical或其他Feed时出现类似问题，但我没有看到任何人使用与我类似的代码。

该网站已上线：http://fletcheracademy.com。这里是主要的javascript代码。

我可能缺少一些细节，如果您还需要了解其他信息，请告诉我。非常感谢！

<script type="text/javascript">
 google.load("gdata", "2.x");

 function init() {
    google.gdata.client.init(handleGDError);
    loadDeveloperCalendar();
 }


 function loadDeveloperCalendar() {
    loadCalendarByAddress('fletcheracademycalendar@gmail.com');
 }

 function padNumber(num) {
    if (num <= 9) {
       return "0" + num;
    }
    return num;
 }

 function loadCalendarByAddress(calendarAddress) {
    var calendarUrl = 'https://www.google.com/calendar/feeds/' +     
                       calendarAddress + '/public/full';

    loadCalendar(calendarUrl);
}


 function loadCalendar(calendarUrl) {
    var service = new 
        google.gdata.calendar.CalendarService('gdata-js-client-samples-simple');
    var query = new google.gdata.calendar.CalendarEventQuery(calendarUrl);
    query.setOrderBy('starttime');
    query.setSortOrder('ascending');
    query.setFutureEvents(true);
    query.setSingleEvents(true);
    query.setMaxResults(5);

    service.getEventsFeed(query, listEvents, handleGDError);
 }


 function handleGDError(e) {
    document.getElementById('jsSourceFinal').setAttribute('style', 'display:none');
    if (e instanceof Error) {
      alert('Error at line ' + e.lineNumber + ' in ' + e.fileName + '\n' + 'Message: ' + e.message);
      if (e.cause) {
         var status = e.cause.status;
         var statusText = e.cause.statusText;
         alert('Root cause: HTTP error ' + status + ' with status text of: ' + statusText);
        }
    } else {
        alert(e.toString());
    }
}

function listEvents(feedRoot) {
    var entries = feedRoot.feed.getEntries();
    var eventDiv = document.getElementById('events');
    if (eventDiv.childNodes.length > 0) {
        eventDiv.removeChild(eventDiv.childNodes[0]);
    }     
    var ul = document.createElement('ul');
    //document.getElementById('calendarTitle').innerHTML = 
    // "Calendar: " + feedRoot.feed.title.$t;

    var len = entries.length;
    for (var i = 0; i < len; i++) {
        var entry = entries[i];
        var title = entry.getTitle().getText();
        var startDateTime = null;
        var startJSDate = null;
        var times = entry.getTimes();
        if (times.length > 0) {
            startDateTime = times[0].getStartTime();
            startJSDate = startDateTime.getDate();
        }
    var entryLinkHref = null;
    if (entry.getHtmlLink() != null) {
        entryLinkHref = entry.getHtmlLink().getHref();
    }
    var dateString = (startJSDate.getMonth() + 1) + "/" + startJSDate.getDate();
    if (!startDateTime.isDateOnly()) {
        dateString += " " + startJSDate.getHours() + ":" + 
        padNumber(startJSDate.getMinutes());
    }

    var li = document.createElement('li');

    if (entryLinkHref != null) {
        entryLink = document.createElement('a');
        entryLink.setAttribute('href', entryLinkHref);
        entryLink.appendChild(document.createTextNode(title));
        li.appendChild(entryLink);
        li.appendChild(document.createTextNode(' - ' + dateString));
    } else {
        li.appendChild(document.createTextNode(title + ' - ' + dateString));
    }       

    ul.appendChild(li);
}
eventDiv.appendChild(ul);
}

google.setOnLoadCallback(init);

</script>

Answer 1

试试这个！

你在哪里：

var calendarUrl = 'https://www.google.com/calendar/feeds/' + calendarAddress + '/public/full';

你应该添加如下内容：

＆安培; CTZ =欧洲/里斯本

检查here是否有正确的时区名称。

Google日历未显示正确的时间

1 个答案: