하루 번호를 jQuery Fullcalendar의 이벤트 링크로 바꿉니다.

arshaw.com/fullcalendar/에서 jQuery Fullcalendar를 사용하고 있습니다. 이벤트 번호 링크를 사용하여 데이터베이스에서 JSON을 통해 가져 오는 이벤트 링크를 바꾸고 싶습니다. on this image :하루 번호를 jQuery Fullcalendar의 이벤트 링크로 바꿉니다.

하루에 이벤트가 하나 뿐인 작은 캘린더가 있으므로 기본 표시가 필요하지 않습니다. 좀 더 간단하고 깨끗한 것이 필요합니다.

jQuery에 익숙하지 않으므로 직접 이해할 수 없습니다.

이를 대체 할 수있는 방법이 있나요 그 날에 이벤트 링크

<div class="fc-day-number">5</div>

은?

출처

2010-02-05 Mef

캘린더 작성 스크립트의 소스 코드를 수정하지 않고도 해킹 비트를 사용하여 원하는 결과를 얻을 수 있습니다.

var urls = { 
    4: "http://mydomain.com/event.html", 
    16: "http://mydomain.com/event2.html", 
    22: "http://mydomain.com/event.html" 
}

이는 JSON 요청의 결과 일 수있다 :이 같은 이벤트 URL을 보유 자바 스크립트 객체가 있다고 가정. 그런 다음 캘린더의 모든 일을 반복하고 그 일에 대한 링크가 있는지 확인하고 링크를 포함 할 날 번호를 업데이트 할 수 있습니다

$('.fc-day-number').each(function() { 
    // Get current day 
    var day = parseInt($(this).html()); 

    // Check if there's a url defined for the day 
    if(urls[day] != undefined) { 
     // Replace the day number with the link 
     $(this).html('<a href="' + urls[day] + '">' + day + '</a>'); 
    } 
});

달력이 /로드 열릴 때마다 니펫을

그냥 실행 . 달력에 대해 더 많이 알지 못하면이 스 니펫이 정확히 어디에 위치해야하는지 말하기는 불가능합니다.

출처

2010-02-05 11:11:31

-1

당신은

간단히 교체 ... 창조 물건을 다시 그리기 cellules에있는 링크를 추가

에 링크를 추가하여 fullcalendar.js

에 빠른 수정해야 이 라인이 라인

(showNumbers ? "<div class='fc-day-number'>" + d.getDate() + "</div>" : '') +

(showNumbers ? "<div class='fc-day-number'><a href=\"myURL.com\">" + d.getDate() + "</a></div>" : '') +

하고,이 라인이 라인

td.find('div.fc-day-number').text(d.getDate());

td.find('div.fc-day-number').html("<a href=\"myURL.com\">"+d.getDate()+"<a\>");

이 그것을 즐길 수)

푸.

출처

2010-03-03 00:49:55 Foo

하루 번호를 jQuery Fullcalendar의 이벤트 링크로 바꿉니다.

답변

관련 문제