https://blog.asamaru.net/2017/08/14/top-10-es6-features/

 

개발자가 필히 알아야 할 ES6 10가지 기능

ES6(ECMAScript 표준의 6번째 에디션, ECMAScript2015)에 대한 이야기를 하기 전에 자바스크립트와 ECMAScript에 대한 것부터 간략히 소개한다. 넷스케이프(Netscape)에서 1995년 개발한 자바스크립트(javascript)는 웹 브라우저에서 동적인 기능을 제공하기 위한 언어다. 현재는 대부분의 브라우저에서 이 언어를 제공하고 있다. 그런데 표준 규격없이 여러 브라우저에서 독자적인 특성이 추가되면서 호환성 문제가 발생하기 시

blog.asamaru.net

https://meetup.toast.com/posts/85

 

지금 바로 시작하는 ES6 : TOAST Meetup

지금 바로 시작하는 ES6

meetup.toast.com

다른건 몇번 봐서 알고 있었지만 Promises까지 포함인건 이번에 알게 됬다...

https://joshua1988.github.io/web-development/javascript/promise-for-beginners/

FullCalendar v3.3.1 기준으로 작성됨.

다른 옵션 같은건 많이 있지만, FullCalendar 에서 이번달 또는 다음달을 이용해서 월을 변경 했을때 

ajax를 이용해서 해당 월의 데이터를 가져오는 내용은 잘 안보여서 적어본다.


$('#calendar').fullCalendar({

contentHeight:420,

height: 400,

locale: "ko",

header : {

left : 'prev, today',

center : 'title',

//right : 'month,agendaWeek,agendaDay'

right : 'next'

},

editable : true,

buttonIcons: true, // show the prev/next text

weekNumbers: false,

navLinks: false, // can click day/week names to navigate views

editable: false,

eventLimit: false, // allow "more" link when too many events

eventOrder: "-title",

events: function(start, end, timezone, callback) {  

//--start, end 는 ui상에 보이는 시작일과 마지막일이다.

//-- ui상에 사작일은 현재월의 1일이 아니라 전달의 날짜가 올수도 있다.

//-- 마찬가지로 end일은 현재월의 마지막일이 아니라 다음달의 날짜가 올수도 있다.

//-- 달력에서 월을 변경하게 되면 변경된 월의 현재 날짜가 오거나

//-- 변경된 월의 1일이 온다.

var cDate = $('#calendar').fullCalendar('getDate'); 

var date = new Date(cDate).format("yyyyMM");

$.ajax({

url: "./getMonthSchedule.do",

beforeSend : function(xmlHttpRequest){

                               xmlHttpRequest.setRequestHeader("AjaxCall", "true"); // ajax 호출을  header에 기록

},

        dataType: 'json',

type : "post",

data: {

date:date

}, 

success: function (result) {

    //var events = data.jsonTxt;

               callback(result.schedule);

       },

error:function(xhr, textStatus, error){

if(xhr.status=="500"){

location.href = "../login/login.do";

}

}

});

},

dayClick: function(date, jsEvent, view) {

alert('Clicked on: ' + date.format());

}

});


사용하고 있는 FullCalendar 초기화 소스임...

stackoverflow에는 event:function에 파라미터가 function(start, end, timezone, callback) 3개뿐이 없더라...ㅡㅡ;; 

ajax에서 데이터를 불러와서 callback을 호출을 해도 javascript에서 에러만 나길래...열심히 구글링을 해보니 

timezone이 추가된 내용이 있어서 해봤더니...좔~ 된다.ㅎㅎ 

위 소스에서 요점은 

var cDate = $('#calendar').fullCalendar('getDate');  

이부분이다. $('#calendar').fullCalendar('getDate');  를 하게 되면 이전달, 다음달 버튼을 통해 월을 변경했을때, 현재월이면 현재월일 이오고,

그렇지 않을경우 즉 현재월이 아닌 경우는 해당월의 1일이 온다.


  1. 2018.02.11 19:55

    비밀댓글입니다

    • 2018.03.13 11:05

      비밀댓글입니다

+ Recent posts