47 lines
1.9 KiB
HTML
47 lines
1.9 KiB
HTML
<div id='calendar'></div>
|
|
|
|
<!--<script type="text/plain" language="javascript" src="https://cdn.jsdelivr.net/npm/ical.js@2.1.0/dist/ical.es5.min.cjs"></script>
|
|
<script src='https://cdn.jsdelivr.net/npm/fullcalendar@6.1.15/index.global.min.js'></script>
|
|
<script src='https://cdn.jsdelivr.net/npm/@fullcalendar/icalendar@6.1.15/index.global.min.js'></script>-->
|
|
|
|
<script type='importmap'>
|
|
{
|
|
"imports": {
|
|
"@fullcalendar/core": "https://cdn.skypack.dev/@fullcalendar/core@6.1.15",
|
|
"@fullcalendar/daygrid": "https://cdn.skypack.dev/@fullcalendar/daygrid@6.1.15",
|
|
"@fullcalendar/icalendar": "https://cdn.skypack.dev/@fullcalendar/icalendar@6.1.15",
|
|
"@fullcalendar/core/locales": "https://cdn.skypack.dev/@fullcalendar/core/locales@6.1.15"
|
|
}
|
|
}
|
|
</script>
|
|
<script type="module">
|
|
|
|
//import ICAL from "https://cdn.jsdelivr.net/npm/ical.js@2.1.0/dist/ical.min.js";
|
|
import { Calendar } from '@fullcalendar/core';
|
|
import dayGridPlugin from '@fullcalendar/daygrid';
|
|
import iCalendarPlugin from '@fullcalendar/icalendar';
|
|
//import frLocale from '@fullcalendar/core/locales/fr';
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var calendarEl = document.getElementById('calendar');
|
|
var calendar = new Calendar(calendarEl, {
|
|
initialView: 'dayGridMonth',
|
|
plugins: [dayGridPlugin, iCalendarPlugin],
|
|
locale: "fr",
|
|
firstDay: 1,
|
|
eventClick: function(info) {
|
|
alert("Date : "+info.event.start.toLocaleDateString()+ "\nHoraires : " +info.event.start.toLocaleTimeString()+"-"+info.event.end.toLocaleTimeString()+ "\n\n" + info.event.title);
|
|
},
|
|
events: {
|
|
url: '{{.Get 0}}',
|
|
dataType : 'jsonp',
|
|
format: 'ics'
|
|
}
|
|
});
|
|
calendar.render();
|
|
});
|
|
|
|
</script>
|
|
|
|
|