2017-05-15 10 views
0

임의 일을 선택받을 FullCalendar.io 기준 : FullCalendar.js : [https://fullcalendar.io/][1]는 다음과 같은 플러그인을 사용하여 주

은 내가 API와 Ajax와 JSON과이 사용하고 있습니다. 그러나 그 날이 예를 들어 토요일 일 경우 특정 조건을 만들기 위해 선택한 요일을 잡을 수 있는지를 알고 싶습니다.

이것이 가능합니까? 나는 워드 프로세서에서보고이 건너 온되었습니다

https://fullcalendar.io/docs/mouse/dayClick/

하지만 그건 올바른 확실하지 메신저? 귀하의 코멘트 당

+0

"맞지만 확실하지 않은가요?" 왜 그것을 시도하고 볼 수 있습니까? 또한, 당신이 의미하는 바가 "선택"에 달려 있습니다. fullCalendar에서의 "선택"은 사용자가 특정 기간 (https://fullcalendar.io/docs/selection/)에 일정을 만들도록 드래그 할 때의 특정 용어입니다. 이것이 의미하는 것입니까? 아니면 사용자가 이벤트를 만들지 않고 특정 날짜를 클릭 할 때를 의미합니다 (이 경우 yes, dayClick). 아니면 현재 캘린더에서 볼 수있는 날을 의미합니까? – ADyson

+0

안녕하세요. ajax 호출을 만들기 위해 선택한 날짜를 파싱하는 이벤트를 만들지 않고 특정 날짜를 클릭합니다. dayClick()을 사용하겠습니까? – user1673498

+0

그럴 가능성이 가장 큽니다. 내가 말했듯이, 그것을 시도하고 당신이 원하는대로하는지보십시오. 사용자가 해당 날짜에 이벤트를 클릭하면 여전히 실행되는지 여부를 확인합니다. 나는 그것이 가능한지 아닌지를 기억할 수 없으며, 분명히 당신이 그 일이 일어나길 원하는지 아닌지에 달려 있습니다. – ADyson

답변

0

, 그래, 당신은이에 대한 dayClick()를 원하는 것 :

$('#calendar').fullCalendar({ 
    dayClick: function(date, jsEvent, view) { 
     var day = date.day(); // number 0-6 with Sunday as 0 and Saturday as 6 
     alert(day); 
    } 
}); 

근무 예 : https://jsfiddle.net/afn7thme/

참조. https://fullcalendar.io/docs/mouse/dayClick/

전체 fullcalendar 클릭 이벤트의 전체 목록을 보려면 https://fullcalendar.io/docs/mouse/에서 문서를 확인하십시오.

+0

"클릭 이벤트가 이벤트를 작성하지 못하도록하고 싶다면 return false; 콜백 끝에 추가하려고합니다." 문서에이 콜백이 이벤트를 생성한다는 표시는 없습니다. 나는 그것이 결코 알아 차리지 못했다? "select"콜백조차 실제로 이벤트 자체를 렌더링하지는 않습니다. – ADyson

+0

내 경험에 의하면, 하루를 클릭하면 24 시간 이벤트가 생성됩니다. 이 문제가 발생하지 않도록하려면이 메서드에서 false를 반환 할 수 있습니다. – user1477388

+0

빠른 데모에서는 전혀 재현 할 수 없습니다. CSS를 사용하여 강조 표시됩니다. 이벤트를 추가하는 것과 같지 않습니다. – ADyson

0

귀하의 의견을 바탕으로, 나는 dayClick 콜백이 가장 가능성있는 옵션이라고 생각합니다. 거기에 그 날의 이벤트이며, 사용자가 실제 이벤트 (보다는 주변의 빈 공간)을 클릭 경우 dayClick 콜백이 발생하지 않는

$('#calendar').fullCalendar({ 
    //.... 
    dayClick: function(date, jsEvent, view) { 
    var dow = date.day(); //this will give you the day of the week. Sunday is 0, Saturday is 6. 
    //you can now use this to make your ajax call and whatever else you need 
    } 
}); 

참고.