檢索事件Google日歷

Question

我正在復活以前位於此處的google api事件列表的線程

我一定會錯過一些東西，因為我得到的只是屏幕正在加載和更新。 之間有什么關系嗎？

<!DOCTYPE html>
<head>
    <title>Event Calendar | Los Angeles Rams</title>
</head>
<body bgcolor="black" text="white" link="#00ffff" vlink="green" alink="yellow">
<script>

var clientId = 'xxxxxxx-yyyyyyy.apps.googleusercontent.com'; //choose web app client Id, redirect URI and Javascript origin set to http://localhost
var apiKey = 'xKb7btfaKeC4lWZ6udMX3Az'; //choose public apiKey, any IP allowed (leave blank the allowed IP boxes in Google Dev Console)
var userEmail = 'xxxxxxx@group.calendar.google.com'; //your calendar Id
var userTimeZone = "Los_Angeles"; //example "Rome" "Los_Angeles" ecc...
var maxRows = 10; //events to shown
var calName = "hutty"; //name of calendar (write what you want, doesn't matter)

var scopes = 'https://www.googleapis.com/auth/calendar';

//--------------------- Add a 0 to numbers
function padNum(num) {
    if (num <= 9) {
        return "0" + num;
    }
    return num;
}
//--------------------- end    

//--------------------- From 24h to Am/Pm
function AmPm(num) {
    if (num <= 12) { return "am " + num; }
    return "pm " + padNum(num - 12); 
}
//--------------------- end    

//--------------------- num Month to String
function monthString(num) {
    if (num === "01") { return "JAN"; }
    else if (num === "02") { return "FEB"; }
    else if (num === "03") { return "MAR"; }
    else if (num === "04") { return "APR"; }
    else if (num === "05") { return "MAJ"; }
    else if (num === "06") { return "JUN"; }
    else if (num === "07") { return "JUL"; }
    else if (num === "08") { return "AUG"; }
    else if (num === "09") { return "SEP"; }
    else if (num === "10") { return "OCT"; }
    else if (num === "11") { return "NOV"; }
    else if (num === "12") { return "DEC"; }
}
//--------------------- end

//--------------------- from num to day of week
function dayString(num) {
    if (num == "1") { return "mon" }
    else if (num == "2") { return "tue" }
    else if (num == "3") { return "wed" }
    else if (num == "4") { return "thu" }
    else if (num == "5") { return "fri" }
    else if (num == "6") { return "sat" }
    else if (num == "0") { return "sun" }
}
//--------------------- end

//--------------------- client CALL
function handleClientLoad() {
    gapi.client.setApiKey(apiKey);
    checkAuth();
}
//--------------------- end

//--------------------- check Auth
function checkAuth() {
    gapi.auth.authorize({ client_id: clientId, scope: scopes, immediate: true }, handleAuthResult);
}
//--------------------- end

//--------------------- handle result and make CALL
function handleAuthResult(authResult) {
    if (authResult) {
        makeApiCall();
    }
}
//--------------------- end

//--------------------- API CALL itself
function makeApiCall() {
    var today = new Date(); //today date
    gapi.client.load('calendar', 'v3', function () {
        var request = gapi.client.calendar.events.list({
            'calendarId': userEmail,
            'timeZone': userTimeZone,
            'singleEvents': true,
            'timeMin': today.toISOString(), //gathers only events not happened yet
            'maxResults': maxRows,
            'orderBy': 'startTime'
        });
        request.execute(function (resp) {
            for (var i = 0; i < resp.items.length; i++) {
                var li = document.createElement('li');
                var item = resp.items[i];
                var classes = [];
                var allDay = item.start.date ? true : false;
                var startDT = allDay ? item.start.date : item.start.dateTime;
                var dateTime = startDT.split("T"); //split date from time
                var date = dateTime[0].split("-"); //split yyyy mm dd
                var startYear = date[0];
                var startMonth = monthString(date[1]);
                var startDay = date[2];
                var startDateISO = new Date(startMonth + " " + startDay + ", " + startYear + " 00:00:00");
                var startDayWeek = dayString(startDateISO.getDay());
                if (allDay == true) { //change this to match your needs
                    var str = [
                    '<font size="4" face="courier">',
                    startDayWeek, ' ',
                    startMonth, ' ',
                    startDay, ' ',
                    startYear, '</font><font size="5" face="courier"> @ ', item.summary, '</font><br><br>'
                    ];
                }
                else {
                    var time = dateTime[1].split(":"); //split hh ss etc...
                    var startHour = AmPm(time[0]);
                    var startMin = time[1];
                    var str = [ //change this to match your needs
                        '<font size="4" face="courier">',
                        startDayWeek, ' ',
                        startMonth, ' ',
                        startDay, ' ',
                        startYear, ' - ',
                        startHour, ':', startMin, '</font><font size="5" face="courier"> @ ', item.summary, '</font><br><br>'
                    ];
                }
                li.innerHTML = str.join('');
                li.setAttribute('class', classes.join(' '));
                document.getElementById('events').appendChild(li);
            }
            document.getElementById('updated').innerHTML = "updated " + today;
            document.getElementById('calendar').innerHTML = calName;
        });
    });
}
//--------------------- end
</script>
<script src='https://apis.google.com/js/client.js?onload=handleClientLoad'></script>
<div id='content'>
<h1 id='calendar' style="color:grey">LOADING . . . .</h1>
<ul id='events'></ul>   
</div>
<p id='updated' style="font-size:12; color:grey">updating . . . . .</p>
</body>
</html>

我正在編輯原始帖子，因為我最初沒有包含我的代碼。 隨后，要求我添加我的代碼。 所以，就在這里。 謝謝

謝謝

Answer 1

檢查以下信息是否設置正確：

var clientId = 'YOUR_CLIENT_ID HERE'; //choose web app client Id, redirect URI and Javascript origin set to http://localhost
var apiKey = 'YOUR_APIKEY_HERE'; //choose public apiKey, any IP allowed (leave blank the allowed IP boxes in Google Dev Console)
var userEmail = "YOUR_ADDRESS@gmail.com"; //your calendar Id
var userTimeZone = "YOUR_TIME_ZONE_HERE"; //example "Rome" "Los_Angeles" ecc...
var calName = "YOUR CALENDAR NAME"; //name of calendar (write what you want, doesn't matter)

檢索事件Google日歷

問題描述

1 個解決方案

解決方案1
0 2017-09-11 02:06:55

檢索事件Google日歷

問題描述

1 個解決方案

解決方案1 0 2017-09-11 02:06:55

解決方案1
0 2017-09-11 02:06:55