在我的日曆上有日期有事件。應該用來自JSON
呼叫的數據突出顯示事件的日期。當我點擊事件日期時,應該顯示事件。問題是我的JSON
數據沒有被提取並且事件沒有顯示。此外,週日不正確。Json事件不起作用,工作日不正確
我的showInfo
使得JSON
請求位於下方的代碼。 Codepen顯示完整的代碼示例。
// show info
function showInfo(event) {
// link
var url = 'https://codepen.io/nakome/pen/EWBMzm.css';
// get json
getjson(url, function(obj) {
for (var key in obj) {
// if has envent add class
if(_('[data-id="' + key + '"]')){
_('[data-id="' + key + '"]').classList.add('event');
}
if (event === key) {
_('#calendar_data').classList.toggle('show_data');
// template info
var data = '<a href="#" class="hideEvent" '+
'onclick="return hideEvent();">×</a>'+
'<h3>' + obj[key].type + '</h3>' +
'<dl>' +
'<dt><dfn>Title:</dfn></dt><dd>' + obj[key].title + '</dd>' +
'<dt><dfn>Hour:</dfn></dt><dd>' + obj[key].time + '</dd>' +
'<dt><dfn>Venue:</dfn></dt><dd>' + obj[key].venue + '</dd>' +
'<dt><dfn>Location:</dfn></dt><dd>' + obj[key].location + '</dd>' +
'<dt><dfn>Description:</dfn></dt><dd>' + obj[key].desc + '</dd>' +
'<dt><dfn>More Info:</dfn></dt><dd><a href="' + obj[key].more +
'" title="More info">Here</a></dd>' +
'</dl>';
return _('#calendar_data').innerHTML = data;
}
}
});
return false;
}
// toggle event show or hide
function hideEvent(){
_('#calendar_data').classList.toggle('show_data');
}
我收拾你的問題所以這是更有意義特別是考慮到我們之前相關的帖子(https://stackoverflow.com/questions/44332814/calendar-start-weeks-at-monday)。更新後的編輯需要經過同行評審才能獲得批准。 – Hooligancat
另外 - 你可以澄清你的意思是週日是不正確的? – Hooligancat
對不起,我有一個新主題,但不是在原始文章中提出新問題,而是無意中拒絕了您的更改(可能會恢復)。 – HTMH