Google日曆API v3 javascript格式

我正在利用新的Google日曆API在網站上創建活動列表，並且我在格式化輸出時遇到了問題。我跟着這個鏈接教程： https://developers.google.com/google-apps/calendar/quickstart/js Google日曆API v3 javascript格式

通過下面的教程中，我能得到的一切快速啓動和運行。我想爲我的網站設計事件列表，但我不確定如何格式化輸出。在教程中，我遵循我使用OAuth爲我提供客戶端ID而不是API密鑰。現在在本教程中，事件的輸出是使用createTextNode()生成的一段文本。

下面是本教程的部分上面打印日曆事件的網站：

 /** 
    * Print the summary and start datetime/date of the next ten events in 
    * the authorized user's calendar. If no events are found an 
    * appropriate message is printed. 
    */ 
    function listUpcomingEvents() { 
    var request = gapi.client.calendar.events.list({ 
     'calendarId': 'primary', 
     'timeMin': (new Date()).toISOString(), 
     'showDeleted': false, 
     'singleEvents': true, 
     'maxResults': 10, 
     'orderBy': 'startTime' 
    }); 

    request.execute(function(resp) { 
     var events = resp.items; 
     appendPre('Upcoming events:'); 

     if (events.length > 0) { 
     for (i = 0; i < events.length; i++) { 
      var event = events[i]; 
      var when = event.start.dateTime; 
      if (!when) { 
      when = event.start.date; 
      } 
      appendPre(event.summary + ' (' + when + ')') 
     } 
     } else { 
     appendPre('No upcoming events found.'); 
     } 

    }); 
    } 

    /** 
    * Append a pre element to the body containing the given message 
    * as its text node. 
    * 
    * @param {string} message Text to be placed in pre element. 
    */ 
    function appendPre(message) { 
    var pre = document.getElementById('output'); 
    var textContent = document.createTextNode(message + '\n'); 
    pre.appendChild(textContent); 
    }

，其結果是與事件的標題，並在ISO格式的日期的事件列表。

問題：如何格式化此信息，以便每個事件的標題將位於h1標記中，並且日期/時間將位於h2標記中，而不是一個巨型文本節點中的所有輸出？

此外，我正在使用私人日曆。

編輯：我發現這個回購 https://github.com/MilanKacurak/FormatGoogleCalendar 這看起來很像那種格式化我要找的，但它僅適用於公共日曆。有誰知道是否有一種方法利用類似私人日曆這樣的事情？

來源

2015-11-11 j_lemon

隨着更多的挖掘我能夠找到一個類似的問題，並能夠用它來解決我的問題。

在這個鏈接中，這個問題的答案幫助解決了我的問題。

Retrieve Google Calendar events using API v3 in javascript

在這個環節它說，這是對公共日曆，但我可以用我的私人日曆使用它。我想我遇到的最大問題是弄清楚如何格式化api的響應以包含自定義css類名稱和樣式。如果你知道不同的/更好的答案，請讓我知道。

來源

2015-11-12 19:47:54

Google日曆API v3 javascript格式

回答

相關問題