2017-12-19 16 views
0

내 프로젝트에서 캘린더를 추가하려면 fullCalendar 패키지를 사용하고 있습니다. 기본적으로보기는 몇 개월까지 보여 주며 주 단위로 변경하려고합니다.Meteor에서 fullCalendar의 defaultView를 설정하는 방법은 무엇입니까?

전체 캘린더 documentation에서 agendaWeek은 내가 찾고있는 것입니다.

나는 시도 다음 (작동하지 않았다) :

$("#calendar").fullCalendar({ 
     defaultView: 'agendaWeek' 
}); 

I 버튼을 작성하고 다음과 같은 이벤트를 추가

Template.appointments.events({ 
    'click #check': function(e, t) { 
     e.preventDefault() 
     // console.log(Requests.find({}).fetch()) 
     $('#calendar').fullCalendar('changeView', 'agendaWeek'); 
    } 
}); 

그것은 작동하고 일정 변경.

제 질문은, 기본적으로 일정보기를 agendaWeek으로 어떻게 설정할 수 있습니까?

선택할 수있는 버튼이 3 개 (월, 주, 일)있는 경우에도 비슷한 방법으로 캘린더를 만드는 것이 더 좋을 것입니다. official page.

+0

공식 페이지에서 캘린더를 원한다면 해당 페이지에서 소스보기를하고 코딩 방법을 확인하십시오. 또는 다른 데모 중 하나. 브라우저 도구를 사용하여 좋아하는 공개 웹 사이트의 코드를 검사 할 수 있다는 것을 알고 계십니까? – ADyson

답변

1
$('#calendar').fullCalendar({ 
    header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'month,agendaWeek,agendaDay', // gets you the three button tabs that you were looking for, similar to the demo 
    }, 
    defaultView: 'agendaWeek' // default view is agendaWeek 
}); 

Here은 이에 해당합니다.

+0

필자는 유성에서 작동하지 않는 이유를 모르지만, 월, 주, 일 3 개의 일반 버튼을 만들고 '$ ('# calendar ')를 트리거했습니다. 버튼을 클릭합니다. 비록 작동하지만, 당신이 언급 한대로 할 수 있다면 더 좋을 것이지만, 어떤 이유에서, 그것은 Meteor에서 작동하지 않습니다. – sourceplaze

+0

왜 그들이 이미 상자에서 제공하는 것을 다시하고 싶습니까? – blueren

+0

다시 실행하고 싶지 않습니다. 왜 Meteor에서 작동하지 않는지 묻고 있습니까? 어쩌면 다른 방법이있을 수 있습니다. 당신의 해결책이 작동하지 않기 때문에 (유성에서) – sourceplaze