Tag: google calendar api
FullCalendar – Google日历活动+ eventRender
现在安装了版本3.9.0（以前版本3.4.0）的FullCalendar的现有站点用于显示来自各种Google日历的内容，在单击事件时不再显示事件弹出窗口以显示完整的事件描述。 而是忽略以下代码： eventClick: function(calEvent, jsEvent, view) { showEventInformation(calEvent); // Prevent redirect to Google Calendar return false; } 我想知道eventRender是否能够显示事件信息？ 我对当前FullCalendar Docs的搜索没有透露任何显示如何实现这一目标的信息，或者是否可以实现。 我不确定如何集成/利用我发现的唯一代码： eventRender: function(event, element) { element.qtip({ content: event.description }); } 任何帮助将不胜感激。
难以从谷歌日历json feed解析数据
我正在尝试从我的谷歌日历打印事件名称，活动时间和日历链接。 似乎无法弄清楚我做错了什么 首先感谢社区为我提供了一个坚实的方向。 我正确地获取了事件名称。 但事件开始时间和链接显示未定义。 我的jquery和html看起来像这样 var event = ”; var gclaData = ‘http://www.google.com/calendar/feeds/somugus%40gmail.com/public/full?orderby=starttime&sortorder=ascending&max-results=3&futureevents=true&alt=json’; $.getJSON(gclaData,function(data){ $.each(data.feed.entry, function(i){ event += ”; event += ”+ data.feed.entry[i].gd$when.startTime+””; event += ”+ data.feed.entry[i].title.$t + “”; event += ”+ data.feed.entry[i].link.href + “”; event += ”; }); $(‘#output’).html(event); }); 这是我的小提琴http://jsfiddle.net/sghoush1/HEZaK/12/
JavaScript将mouseenter事件传递给另一个元素下面的元素
我正在尝试构建一个类似Google日历的小日历应用程序。 我正在尝试使用单击和拖动function创建事件，以便事件与网格对齐。 我正在尝试将拖动绑定到事件DIV元素下方的TD元素，该元素在向下移动时工作（延长事件），但它不能向上移动（缩小事件）。 发生的事情是为事件DIV元素触发了mouseenter事件，但它永远不会为底层TD触发。 如果您尝试通过向上移动来调整DIV的大小，则可以正常工作，因为TD实际上接收到了mouseenter事件。 Google日历和jQuery周日历使用mousemove事件，但是每个像素都会触发mousemove事件，这似乎很浪费。 有没有办法在不使用mousemove事件的情况下编写它？ 是否可以将DIV元素放在桌子和TD之后？ 如果表格有些透明，用户仍然可以看到DIV，但实际上是在TD上发射事件。 我尝试用z-index做这个，但它似乎没有实际工作。 jsFiddle示例代码： http ： //jsfiddle.net/rockymeza/8SHpA/
使用JQuery解析Google Calendar v3 API JSON
我正在尝试解析并循环浏览Google Calendar v3 API JSON数据，而我得到的所有内容都是未定义的。 我认为我的语法只有一些小问题，但似乎无法弄明白。 我使用google.com/calendar/feedsurl为v2 API提供了代码，但v2在2014年11月已被弃用，因此我需要让这个v3代码正常工作。 谢谢 http://jsfiddle.net/qWfhP/1/ $(document).ready(function() { var url = “https://www.googleapis.com/calendar/v3/calendars/mnjusq8qt3kh847kge772s9fmk%40group.calendar.google.com/events?singleEvents=true&key=AIzaSyD28KypP-wTD-AKZVECKL0WsxoXhJiYbys”; $.getJSON(url, function(items) { for(i in items) { item = items[i]; $(“#event-list”).append(item.summary + “”); } }); });
在javascript中使用API v3检索Google日历活动
去年我使用http://gdata-javascript-client.googlecode.com/svn/trunk/samples/calendar/simple_sample/simple_sample.html中的代码从公共Google日历的“现在”检索所有事件，然后在网页中显示结果。 我修改了该代码以满足我的需求（请参阅下面的代码）。 现在，使用API v3，代码不再起作用，我无法理解代码的哪些行已被弃用以及如何更新它们。 可以请有人帮我这个代码吗？ 非常感谢 ：-） /* Loads the Google data JavaScript client library */ google.load(“gdata”, “2.x”); function init() { // init the Google data JS client library with an error handler google.gdata.client.init(handleGDError); // load the code.google.com calendar loadMyCalendar(); } /** * Loads the Google Event Calendar */ function loadMyCalendar() { loadCalendarByAddress(‘MY_ADDRESS@gmail.com’); /* address […]
