{"id":1113,"date":"2022-08-17T01:50:53","date_gmt":"2022-08-16T17:50:53","guid":{"rendered":"https:\/\/southdhc.org.hk\/events\/"},"modified":"2022-10-11T00:44:30","modified_gmt":"2022-10-10T16:44:30","slug":"events","status":"publish","type":"page","link":"https:\/\/southdhc.org.hk\/zh-hans\/events\/","title":{"rendered":"\u6d3b\u52a8\u65f6\u95f4\u8868"},"content":{"rendered":"<p><form action=\"\" method=\"get\" id=\"form-nsp-search\">\n    <div class=\"nsp-search-container\">\n        <div class=\"row\">\n            <div class=\"col-lg-3 col-12\">\n                <div class=\"mb-3\">\n                    <label for=\"txt_name\" class=\"form-label\">\u641c\u5bfb\u6d3b\u52a8<\/label>\n                    <div class=\"input-group\">\n                        <span class=\"input-group-text search-field search-icon\"><i class=\"fa fa-search\"><\/i><\/span>\n                        <input type=\"text\" name=\"txt_name\" class=\"form-control bg-gray\" id=\"txt_name\" value=\"\" placeholder=\"\u641c\u5bfb\u6d3b\u52a8...\">\n                        <span class=\"input-group-text search-field arrow-icon\"><i class=\"fa fa-arrow-right\"><\/i><\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"col-lg-3 col-12\">\n                <div class=\"mb-3\">\n                    <label for=\"sel_service\" class=\"form-label\">\u9009\u62e9\u4e2d\u5fc3<\/label>\n                    <select name=\"sel_centre\" class=\"form-control bg-light-blue\">\n                        <option value=\"\">\u6240\u6709\u4e2d\u5fc3<\/option>\n                                            <\/select>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/form>\n<br \/>\n\n<div id='fc-calendar'><\/div>\n<div id=\"mobile-event-list\" class=\"mt-3 d-block d-md-none\">\n    <div class=\"event-date\"><\/div>\n    <ul class=\"list-group\"><\/ul>\n<\/div>\n\n<script>\n    var _events = [ {id: '2905',\n                    title: '',\n                    start: '20\/1\/2023T',\n                    end: '20\/1\/2023T13:00',\n                    event_date: '20\/1\/2023',\n                    timeslot: ' - 13:00',\n                    centre: '\u4e3b\u4e2d\u5fc3(\u5609\u5c1a\u532f)',\n                    tutor: '',\n                    intro: '',\n                    color: '#1e73be'},{id: '2906',\n                    title: '',\n                    start: '21\/1\/2023T',\n                    end: '21\/1\/2023T13:00',\n                    event_date: '21\/1\/2023',\n                    timeslot: ' - 13:00',\n                    centre: '\u4e3b\u4e2d\u5fc3(\u5609\u5c1a\u532f)',\n                    tutor: '',\n                    intro: '',\n                    color: '#1e73be'},{id: '2907',\n                    title: '',\n                    start: '26\/1\/2023T',\n                    end: '26\/1\/2023T19:00',\n                    event_date: '26\/1\/2023',\n                    timeslot: ' - 19:00',\n                    centre: '\u4e3b\u4e2d\u5fc3(\u5609\u5c1a\u532f)',\n                    tutor: '',\n                    intro: '',\n                    color: '#1e73be'},{id: '2908',\n                    title: '',\n                    start: '27\/1\/2023T',\n                    end: '27\/1\/2023T13:00',\n                    event_date: '27\/1\/2023',\n                    timeslot: ' - 13:00',\n                    centre: '\u4e3b\u4e2d\u5fc3(\u5609\u5c1a\u532f)',\n                    tutor: '',\n                    intro: '',\n                    color: '#1e73be'},{id: '2909',\n                    title: '',\n                    start: '28\/1\/2023T',\n                    end: '28\/1\/2023T11:30',\n                    event_date: '28\/1\/2023',\n                    timeslot: ' - 11:30',\n                    centre: '\u4e3b\u4e2d\u5fc3(\u5609\u5c1a\u532f)',\n                    tutor: '',\n                    intro: '',\n                    color: '#1e73be'},{id: '2910',\n                    title: '',\n                    start: '30\/1\/2023T',\n                    end: '30\/1\/2023T16:00',\n                    event_date: '30\/1\/2023',\n                    timeslot: ' - 16:00',\n                    centre: '\u4e3b\u4e2d\u5fc3(\u5609\u5c1a\u532f)',\n                    tutor: '',\n                    intro: '',\n                    color: '#1e73be'},{id: '2911',\n                    title: '',\n                    start: '31\/1\/2023T',\n                    end: '31\/1\/2023T13:00',\n                    event_date: '31\/1\/2023',\n                    timeslot: ' - 13:00',\n                    centre: '\u4e3b\u4e2d\u5fc3(\u5609\u5c1a\u532f)',\n                    tutor: '',\n                    intro: '',\n                    color: '#1e73be'},{id: '2900',\n                    title: '',\n                    start: '14\/1\/2023T',\n                    end: '14\/1\/2023T12:00',\n                    event_date: '14\/1\/2023',\n                    timeslot: ' - 12:00',\n                    centre: '\u4e3b\u4e2d\u5fc3(\u5609\u5c1a\u532f)',\n                    tutor: '',\n                    intro: '',\n                    color: '#1e73be'},{id: '2901',\n                    title: '',\n                    start: '16\/1\/2023T',\n                    end: '16\/1\/2023T16:30',\n                    event_date: '16\/1\/2023',\n                    timeslot: ' - 16:30',\n                    centre: '\u4e3b\u4e2d\u5fc3(\u5609\u5c1a\u532f)',\n                    tutor: '',\n                    intro: '',\n                    color: '#1e73be'},{id: '2902',\n                    title: '',\n                    start: '17\/1\/2023T',\n                    end: '17\/1\/2023T13:00',\n                    event_date: '17\/1\/2023',\n                    timeslot: ' - 13:00',\n                    centre: '\u4e3b\u4e2d\u5fc3(\u5609\u5c1a\u532f)',\n                    tutor: '',\n                    intro: '',\n                    color: '#1e73be'},{id: '2903',\n                    title: '',\n                    start: '18\/1\/2023T',\n                    end: '18\/1\/2023T16:30',\n                    event_date: '18\/1\/2023',\n                    timeslot: ' - 16:30',\n                    centre: '\u4e3b\u4e2d\u5fc3(\u5609\u5c1a\u532f)',\n                    tutor: '',\n                    intro: '',\n                    color: '#1e73be'},{id: '2904',\n                    title: '',\n                    start: '19\/1\/2023T',\n                    end: '19\/1\/2023T19:00',\n                    event_date: '19\/1\/2023',\n                    timeslot: ' - 19:00',\n                    centre: '\u4e3b\u4e2d\u5fc3(\u5609\u5c1a\u532f)',\n                    tutor: '',\n                    intro: '',\n                    color: '#1e73be'},{id: '2891',\n                    title: '',\n                    start: '3\/1\/2023T',\n                    end: '3\/1\/2023T13:00',\n                    event_date: '3\/1\/2023',\n                    timeslot: ' - 13:00',\n                    centre: '\u4e3b\u4e2d\u5fc3(\u5609\u5c1a\u532f)',\n                    tutor: '',\n                    intro: '',\n                    color: '#1e73be'},{id: '2892',\n                    title: '',\n                    start: '4\/1\/2023T',\n                    end: '4\/1\/2023T16:00',\n                    event_date: '4\/1\/2023',\n                    timeslot: ' - 16:00',\n                    centre: '\u4e3b\u4e2d\u5fc3(\u5609\u5c1a\u532f)',\n                    tutor: '',\n                    intro: '',\n                    color: '#1e73be'},{id: '2893',\n                    title: '',\n                    start: '5\/1\/2023T',\n                    end: '5\/1\/2023T19:00',\n                    event_date: '5\/1\/2023',\n                    timeslot: ' - 19:00',\n                    centre: '\u4e3b\u4e2d\u5fc3(\u5609\u5c1a\u532f)',\n                    tutor: '',\n                    intro: '',\n                    color: '#1e73be'},{id: '2894',\n                    title: '',\n                    start: '6\/1\/2023T',\n                    end: '6\/1\/2023T13:00',\n                    event_date: '6\/1\/2023',\n                    timeslot: ' - 13:00',\n                    centre: '\u4e3b\u4e2d\u5fc3(\u5609\u5c1a\u532f)',\n                    tutor: '',\n                    intro: '',\n                    color: '#1e73be'},{id: '2895',\n                    title: '',\n                    start: '9\/1\/2023T',\n                    end: '9\/1\/2023T16:30',\n                    event_date: '9\/1\/2023',\n                    timeslot: ' - 16:30',\n                    centre: '\u4e3b\u4e2d\u5fc3(\u5609\u5c1a\u532f)',\n                    tutor: '',\n                    intro: '',\n                    color: '#1e73be'},{id: '2896',\n                    title: '',\n                    start: '10\/1\/2023T',\n                    end: '10\/1\/2023T13:00',\n                    event_date: '10\/1\/2023',\n                    timeslot: ' - 13:00',\n                    centre: '\u4e3b\u4e2d\u5fc3(\u5609\u5c1a\u532f)',\n                    tutor: '',\n                    intro: '',\n                    color: '#1e73be'},{id: '2897',\n                    title: '',\n                    start: '11\/1\/2023T',\n                    end: '11\/1\/2023T16:00',\n                    event_date: '11\/1\/2023',\n                    timeslot: ' - 16:00',\n                    centre: '\u4e3b\u4e2d\u5fc3(\u5609\u5c1a\u532f)',\n                    tutor: '',\n                    intro: '',\n                    color: '#1e73be'},{id: '2898',\n                    title: '',\n                    start: '12\/1\/2023T',\n                    end: '12\/1\/2023T19:00',\n                    event_date: '12\/1\/2023',\n                    timeslot: ' - 19:00',\n                    centre: '\u4e3b\u4e2d\u5fc3(\u5609\u5c1a\u532f)',\n                    tutor: '',\n                    intro: '',\n                    color: '#1e73be'},{id: '2899',\n                    title: '',\n                    start: '13\/1\/2023T',\n                    end: '13\/1\/2023T13:00',\n                    event_date: '13\/1\/2023',\n                    timeslot: ' - 13:00',\n                    centre: '\u4e3b\u4e2d\u5fc3(\u5609\u5c1a\u532f)',\n                    tutor: '',\n                    intro: '',\n                    color: '#1e73be'}, ];\n    document.addEventListener('DOMContentLoaded', function() {\n        var calendarEl = document.getElementById('fc-calendar');\n        var calendar = new FullCalendar.Calendar(calendarEl, {\n            locale: 'zh-tw',\n            initialView: 'dayGridMonth',\n            headerToolbar: {\n                left: '',\n                center: 'prev,title,next',\n                right: 'dayGridMonth,listMonth'\n            },\n            \/\/ navLinks: true, \/\/ can click day\/week names to navigate views\n            \/\/ editable: true,\n            selectable: true,\n            \/\/ selectMirror: true,\n            dayMaxEvents: true, \/\/ allow \"more\" link when too many events\n            eventTimeFormat: { \/\/ like '14:30:00'\n                hour: '2-digit',\n                minute: '2-digit',\n                \/\/ second: '2-digit',\n                hour12: false\n            },\n            events: _events,\n            eventContent: function(args, createElement) {\n                \/\/ var italicEl = document.createElement('div');\n                \/\/ italicEl.innerHTML = args.event._def.title\n                \/\/ italicEl.className = 'fc-bg-event-span'\n                \/\/ var arrayOfDomNodes = [italicEl]\n                \/\/ return {\n                \/\/     domNodes: arrayOfDomNodes\n                \/\/ }\n            },\n            eventClick: function(info) {\n                console.log(info.event);\n                setTimeout(function () {\n                    document.getElementById('lbl-event-name').innerHTML = info.event.title;\n                    document.getElementById('lbl-event-date').innerHTML = '<i class=\"fa fa-calendar\"><\/i> ' + info.event.extendedProps.event_date;\n                    document.getElementById('lbl-event-time').innerHTML = '<i class=\"fa fa-clock\"><\/i> ' + info.event.extendedProps.timeslot;\n                    document.getElementById('lbl-event-centre').innerHTML = '<i class=\"fa fa-building\"><\/i> ' + info.event.extendedProps.centre;\n                    document.getElementById('lbl-event-tutor').innerHTML = '<i class=\"fa fa-user\"><\/i> ' + info.event.extendedProps.tutor;\n                    document.getElementById('lbl-event-intro').innerHTML = '<i class=\"fa fa-info\"><\/i> ' + info.event.extendedProps.intro;\n                }, 100);\n\n                \/\/ alert('Event: ' + info.event.extendedProps.description);\n                \/\/ alert('Coordinates: ' + info.jsEvent.pageX + ',' + info.jsEvent.pageY);\n                \/\/ alert('View: ' + info.view.type);\n            },\n            dateClick: function(info) {\n                \/\/ alert('Clicked on: ' + info.dateStr);\n                \/\/ alert('Coordinates: ' + info.jsEvent.pageX + ',' + info.jsEvent.pageY);\n                \/\/ alert('Current view: ' + info.view.type);\n                \/\/ console.log(_events);\n                filterDate(info.dateStr);\n                \/\/ change the day's background color just for fun\n                \/\/info.dayEl.style.backgroundColor = 'red';\n            },\n            buttonText: {\n                month: '\u6bcf\u6708',\n                list: '\u5217\u8868',\n            },\n            moreLinkContent: function(args){\n                return '+'+args.num+' \u66f4\u591a';\n            },\n            dayHeaderFormat: {\n                weekday: 'long'\n            }\n        });\n        calendar.render();\n\n    });\n\n\n\n<\/script>\n<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1113","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/southdhc.org.hk\/zh-hans\/wp-json\/wp\/v2\/pages\/1113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/southdhc.org.hk\/zh-hans\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/southdhc.org.hk\/zh-hans\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/southdhc.org.hk\/zh-hans\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/southdhc.org.hk\/zh-hans\/wp-json\/wp\/v2\/comments?post=1113"}],"version-history":[{"count":3,"href":"https:\/\/southdhc.org.hk\/zh-hans\/wp-json\/wp\/v2\/pages\/1113\/revisions"}],"predecessor-version":[{"id":1414,"href":"https:\/\/southdhc.org.hk\/zh-hans\/wp-json\/wp\/v2\/pages\/1113\/revisions\/1414"}],"wp:attachment":[{"href":"https:\/\/southdhc.org.hk\/zh-hans\/wp-json\/wp\/v2\/media?parent=1113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}