jQuery 전체 캘린더

Question

내가 가진 것은 12 개의 탭이있는 탭 페이지입니다 (모든 탭은 한 달입니다). 필요한 것은 jQuery 캘린더, foreach 탭을로드 할 때 할당 된 달로 전환 할 캘린더입니다. (예 : 1 월의 페이지를 클릭하고로드 할 때 달력은 1 월의 날을 보여줍니다).

Answer 1

당신은 확인 했습니까? 문서 페이지? 기능은 2 개의 필요한 매개 변수와 2 개의 선택적 매개 변수를 사용합니다.

.fullCalendar( 'gotoDate', year [, month, [ date  ]] )

따라서 달력을 2010 년 4 월로 설정하려면 다음과 같은 것을 사용합니다.

.fullCalendar( 'gotoDate', 2010, 5)

달은 0 기반이므로 4 월 = 3입니다.

Answer 2

데모: http://so.lucafilosofi.com/jquery-full-calendar

JS :

        $(function() {
            // build months anchors list
            monthsList('#months-list');

            // inizialize calendar
            $('#calendar').fullCalendar({});

            $(document).on('click', '#months-list a', function() {
                // get month from month anchor hash
                var month = this.hash.substring(1);
                // go to new month
                $('#calendar').fullCalendar('gotoDate', goToMonth(month));
                return false;
            });

            function goToMonth(month) {
                var date = new Date();
                var d = date.getDate();
                var m = month !== undefined ? parseInt(month, 0) : date.getMonth();
                var y = date.getFullYear();
                return new Date(y, m, d);
            }

            function monthsList(element) {
                var monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
                for (var m = 0; m < monthNames.length; m++) {
                    $(element).append('<li><a href="#' + m + '">' + monthNames[m] + '</a></li>');
                }
            }

        });

HTML :

    <ul id="months-list"></ul>
    <div id='calendar'></div>

Answer 3

당신은 읽었습니까? API? 2010 년 7 월을 보여주고 싶다면 전화하는 것 같습니다.

yourCal.fullCalendar('gotoDate',2010,6);

당신이 이미 무엇을 시도했는지 모르기 때문에 내 대답은 간단합니다.