• 회원가입
  • 로그인

[질문] 날짜부분 링크 걸고 싶은데 도와주세요!!

<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>

홈짱 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2022-08-18 (목) 12:50 1개월전
위 코드만 봐선 저도 잘 모르겠네요.
https://homzzang.com/b/jquery?sca=Selector
위 선택자 메뉴 참고해 원하시는 특정 부분을 선택 가능한 선택자를 이용해 별도로 링크 스크립트 추가하셔야 할 듯.
https://homzzang.com/b/jquery-286

혹시, 모르니 그누 질게에도 질문해 보세요. 거기엔 고수분들이 많으니...
https://sir.kr/qa/
주소
찾아주셔서 감사합니다. Since 2012