2017-06-04 17 views
-1

在我的日曆上有日期有事件。應該用來自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();">&times;</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'); 
} 
+0

我收拾你的問題所以這是更有意義特別是考慮到我們之前相關的帖子(https://stackoverflow.com/questions/44332814/calendar-start-weeks-at-monday)。更新後的編輯需要經過同行評審才能獲得批准。 – Hooligancat

+0

另外 - 你可以澄清你的意思是週日是不正確的? – Hooligancat

+0

對不起,我有一個新主題,但不是在原始文章中提出新問題,而是無意中拒絕了您的更改(可能會恢復)。 – HTMH

回答

0

我認爲問題在於你的showInfo()在calendar()函數的開始被註釋掉了。刪除註釋所以這個:

// showInfo(); 

變爲這樣:

showInfo(); 

我已在Codepen這裏的original question更新,所以你可以看到的事件就顯示出來。我不確定'週日不正確'是什麼意思。

+0

第6天(數字)以紅色和星期幾高亮因此(單詞)以藍色高亮顯示,但星期二必須爲藍色。 謝謝你的幫助。 – HTMH

0

我嘗試了以下,它的作品部分,只有星期日沒有其他顏色,不知道爲什麼。

// Days of week 
html += '<tr class="week_cal">'; 

for (i = 0; i < 7; i++) { 
    if (day -1 == i) { 
    html += '<th class="week_event">' + weekdays[i] + '</th>'; 
    } else { 
    html += '<th>' + weekdays[i] + '</th>'; 
    } 
} 

html += '</tr>'; 
html += '</thead>'; 
+0

真的不能幫助我嗎? – HTMH