如何使用谷歌日历与javascript或jquery获得选定国家的假期列表?
这是可能的吗?任何建议吗?
我正在使用谷歌日历API V3和使用javascript。我在android中找到了一些例子,但我对android一无所知。
下面是一些公共假日日历的简单示例:
$("#selectCountry").change(function(e) {
$("#output").html("Loading...");
var country = $("#selectCountry").val();
var calendarUrl = 'https://www.googleapis.com/calendar/v3/calendars/en.' + country
+ '%23holiday%40group.v.calendar.google.com/events?key=<yourAPIKey>';
$.getJSON(calendarUrl)
.success(function(data) {
console.log(data);
$("#output").empty();
for (item in data.items) {
$("#output").append(
"<hr><h3>" + data.items[item].summary + "<h3>" +
"<h4>" + data.items[item].start.date + "<h4>"
);
}
})
.error(function(error) {
$("#output").html("An error occurred.");
})
});
$("#selectCountry").trigger("change");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<select id="selectCountry">
<option value="usa">USA</option>
<option value="uk">UK</option>
<option value="bm">Bermuda</option>
<option value="swedish">Sweden</option>
</select>
<pre id="output"></pre>
<script type="text/javascript">
</script>
</body>
该策略根据下拉菜单中选择的选项为日历构造一个URL。它解析原始JSON响应中的假日名称和信息,该响应包含在$.getJSON
回调函数的data
参数中。