힘좋
10
2019-08-06 13:54:16 작성 2019-08-06 13:56:02 수정됨
1
979

full calendar 4.2v 특정칸 배경색 변경하는법이 궁금합니다.



<script type="text/javascript">
  document.addEventListener('DOMContentLoaded', function() {
    var calendarEl = document.getElementById('calendar');
	
	var day = '<?php echo date("Y-m-d",(int)site_date_s)?>';
	
	if(day=="1970-01-01"){
		var today = new Date();
	}else{
		var today = day;
	}
    var calendar = new FullCalendar.Calendar(calendarEl, {
		plugins: [ 'interaction', 'dayGrid' ],
		defaultDate: today,
		locale : "ko",
		editable: true,
		eventLimit: false, // allow "more" link when too many events
		contentHeight:"auto",
		events:{
		url: '/base/php/json/FullCalendar.json.php',
		failure: function() {
			document.getElementById('script-warning').style.display = 'inline'; // show
		}
		
		},
		loading: function(bool) {
		document.getElementById('loading').style.display = bool ? 'block' : 'none';
		}
	
	});
		
	calendar.render();
	jQuery("button.fc-prev-button").click(function() {
		var date = calendar.getDate();	
		convertDate(date);
		
	});
	jQuery("button.fc-next-button").click(function() {
		var date = calendar.getDate();		
		convertDate(date);
	});
	jQuery("button.fc-today-button").click(function() {
		var date = calendar.getDate();
		convertDate(date);
	});
	


});
  // 받은 날짜값을 date 형태로 형변환 해주어야 한다. 타임스탬프형식 변환후 주소전송
    function convertDate(date) {
		var date = (new Date(date.yyyymmdd()).getTime() / 1000);
		location.href="http://danjae.mgsoft21.co.kr/home/sub.php?menukey=42&s="+date;
    }
	function convertDates(date) {// 날짜형식변환
        var date = new Date(date);
        alert(date.yyyymmdd());
    }
    // 받은 날짜값을 YYYY-MM-DD 형태로 출력하기위한 함수.
    Date.prototype.yyyymmdd = function() {
        var yyyy = this.getFullYear().toString();
        var mm = (this.getMonth() + 1).toString();
        var dd = this.getDate().toString();
        return yyyy + "-" + (mm[1] ? mm : "0" + mm[0]) + "-" + (dd[1] ? dd : "0" + dd[0]);
    }
	
	

</script>

위와 같은 방식으로 스크립트를 짰습니다.

이전,다음달 버튼을 눌렀을시 해당월의 첫째날(1일)의 날짜값을 불러오는것까진 성공했습니다.

이를 이용하여 페이지 하단에 새로운 다른 테이블과 연동시켜서 일정표를 뽑고있습니다.(그 내용은 기입하지않았습니다.)

제가 궁금한것은 이전달/다음달버튼을 클릭하여 이동시에 해당 월의 1일칸의 색을 바꾸고싶습니다.(이벤트색상이 아닌 해당일(칸)의 배경색..오늘날짜칸의 색이 연한 노란색인것처럼)




0
0
  • 답변 1

  • GAN
    1k
    2019-08-06 14:54:39

    https://stackoverflow.com/questions/17613582/fullcalendar-change-the-color-for-specific-days

    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.