[질문] 날짜부분 링크 걸고 싶은데 도와주세요!!
<body style="padding:30px;">
<!-- calendar 태그 --> <div id='calendar-container'> <div id='calendar'></div> </div> <script> (function(){ $(function(){ // fullcalendar element 취득. var calendarEl = $('#calendar')[0]; // fullcalndar 생성하기. var calendar = new FullCalendar.Calendar(calendarEl, { aspectRatio: 1.35, height: '500px', // calendar 높이 설정. expandRows: true, // 화면에 맞게 높이 재설정. slotMinTime: '06:00', // Day 캘린더에서 시작 시간. slotMaxTime: '24:00', // Day 캘린더에서 종료 시간. // 헤더에 표시할 툴바. headerToolbar: { left: 'prev,next today', center: 'title', }, navLinks: true, navLinkDayClick: function(date,jsEvent) { console.log('day',date.toISOString()); console.log('coords',jsEvent.pageX,jsEvent.pageY); }, defaultDate: new Date(), initialView: 'dayGridMonth', // 초기 로드될 때 보이는 캘린더 화면(기본 설정:달). // initialDate: '2022-08-15' // 초기 날짜 설정(설정하지 않으면 오늘 날짜가 보인다). navLinks: true, // 날짜를 선택하면 Day 캘린더나 Week 캘린더로 링크. editable: true, // 수정 가능? eventLimit: true, eventClick: true, selectable: true, // 달력 일자 드래그 설정가능. selectMirror: true, nowIndicator: true, // 현재 시간 마크. dayMaxEvents: true, // 이벤트가 오버되면 높이 제한.(+ 몇 개식으로 표현) locale: 'ko', // 한국어 설정. eventAdd: function(obj) { // 이벤트가 추가되면 발생하는 이벤트. console.log(obj); }, eventChange: function(obj) { // 이벤트가 수정되면 발생하는 이벤트. console.log(obj); }, eventRemove: function(obj) { // 이벤트가 삭제되면 발생하는 이벤트. console.log(obj); }, select: function(arg) { // 캘린더에서 드래그로 이벤트를 생성할 수 있다. var title = prompt('일정 추가:'); if (title) { calendar.addEvent({ title: title, start: arg.start, end: arg.end, allDay: arg.allDay }) } calendar.unselect() }, // 이벤트. events: [ { title: 'All Day Event', start: '', }, { title: 'Long Event', start: '', end: '' }, { groupId: 999, title: 'Repeating Event', start: '' }, { groupId: 999, title: '', start: '' }, { title: '', start: '', end: '' }, { title: '', start: '', end: '' }, { title: '', start: '' }, { title: '', start: '' }, { title: '', start: '' }, { title: '', start: '' }, { title: '', start: '' }, { title: 'Click for Google', url: 'http://google.com/', // 클릭 시 해당 url로 이동. start: '' } ] }); // 캘린더 렌더링. calendar.render(); }); })(); </script> </body>
 | |||||||||||
|