2017-12-11 156 views
-1

속성 얻는다. DAY보기로 전환하는 대신 월별보기에서 날짜 번호를 클릭하면 다른 페이지로 이동하여 나열된 날짜 - 데이터 속성을 전달할 수 있습니다. 내가 클릭하면,fullCalendar 날짜 데이터가 내가 여기에있는 FullCalendar jQuery를 라이브러리에 문제가 있어요

$('.fc-day-number').each(function(){ 
    var $this = $(this); 
    $this.on('click', function(){ 
      console.log($(this).data('goto', 'date')); 
    }); 
}); 

하지만 :

<td class="fc-day-top fc-xxx fc-yyyy" data-date="YYYY-MM-DD"> 
    <a class="fc-day-number" data-goto='{"date": "YYYY-MM-DD", "type":"day"}'>DD</a> 
<td> 

그래서 달력을 초기화 한 후, 내가 클릭에 대한 이벤트를 가지고 : 달력 렌더링 후

매일이 마크 업을 가지고 날짜 수, 나에게 준다 Uncaught TypeError: Cannot read property 'charAt' of undefined

내가 원하는 것은 적절한 dat을 수집하고 있는지 확인하기 위해서이다. a는 goto 데이터 속성에서 날짜 값을 가져옵니다. 일단 내가 가지고 있으면 새로운 페이지를로드하는 것이 쉽습니다.

다시 한번 감사드립니다.

+0

오타했다 :

여기에 코드입니다. 마크 업은 FullCalendar에 의해 자동 생성됩니다. 나는 원래의 질문으로 그것을 바로 잡을 수있다. 내 질문은 어쨌든 생성 된 마크 업과는 아무런 관련이 없습니다. – Murphy1976

+0

다시 typo. 그것은 문제에서 고쳐졌다. – Murphy1976

답변

0

그래서 기준을 100 % 충족 시키지는 못했지만 여전히 동일하게 작동합니다.

각 셀의 숫자에 대해 포인터 이벤트 : 없음을 적용하여 클릭 할 수 없도록하고 FullCalendar의 초기화 코드에서 dayClick 메서드를 활용하여 통과 시켰습니다 날짜를 URL 쿼리에 추가하고 간단한 자바 스크립트를 사용하여 페이지를 리디렉션합니다.

$('#calendar').fullCalendar({ 
    dayClick: function(date){ 
      var dateFormat = date.format() 
      console.log("Clicked on: "+dateFormat); //returns the date 
      window.location.href = "newPage.jsp?datepicker="+dateFormat; 
    } 
}); 

$('a.fc-day-number').each(function(){ 
    var $this = $(this); 
    $this.css('pointer-events','none'); 
});