fullcalendar v.2.1.1 แสดงกิจกรรม ในแต่ละวัน แบบ basicDay และ agendaDay

$(function(){

    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',  
            center: 'title',
            right: 'month,agendaWeek,agendaDay',
        },  
        events: {
            url: 'data_events.php',
            error: function() {

            }
        },    
        eventLimit:true,
        lang: 'th',
        dayClick: function(date, jsEvent, view) {

//            alert('วันที่: ' + date.format());
//            alert('ตำแแหน่งเมาส์ x y: ' + jsEvent.pageX + ',' + jsEvent.pageY);
//            alert('หน้า view ปัจจุบัน: ' + view.name);
            console.log(date); // วันที่ที่คลิกเลือกอยู่ในรูปแบบ moment object แปลงเป็นวันที่ได้
            console.log(jsEvent);  // event ของ mouse เมื่อคลิก เช่น jsEvent.pageX  jsEvent.pageY
           console.log(view);  // view objcct http://fullcalendar.io/docs/views/View_Object/
            console.log(view.name);  // ชื่อหน้า view ปัจจุบันเช่น month ,
            // เช่น month - basicWeek - basicDay - agendaWeek - agendaDay
            console.log(view.title);  // ชื่หัวข้อปฏิทิน เช่น ตุลาคม 2014
            console.log(view.start);  // วันที่เริ่มต้นในปฏิทิน ได้ค่าในรูปแบบ moment object แปลงเป็นวันที่ได้
            console.log(view.end);   // วันที่สุดท้ายที่ไม่ด้แสดงในปฏิทิน ได้ค่าในรูปแบบ moment object แปลงเป็นวันที่ได้
            console.log(view.intervalStart);  // วันที่ 1 ของแต่ละเดือน อยู่ในรูปแบบ  moment object แปลงเป็นวันที่ได้
            console.log(view.intervalEnd);   // วันที่  1 ของอีกเดือน หรือวันที่ถัดจากวันที่สุดท้ายของเดือน
            if(view.name=="month"){ // ให้ทำงานต่อเมื่อ หน้า view ขณะนั้นเป็น month
            // คำสั่งเปลี่ยนสีพื้นหลังของช่องวันที่ที่คลิก ให้เป็นสีแดง 
            // ดังนั้น  $(this) ก็คือช่องวันที่ที่คลิกเลือก สามารถใช้อ้างอิงสำหรับใช้งานได้
                $(this).css('background-color', 'red');   // ตัวอย่างอ้างอิงใช้งาน
            }

        },
        eventClick: function(calEvent, jsEvent, view) {

//            alert('กิจกรรม: ' + calEvent.title);
//            alert('ำแแหน่งเมาส์ x y: ' + jsEvent.pageX + ',' + jsEvent.pageY);
//            alert('หน้า view ปัจจุบัน: ' + view.name);
            console.log(calEvent); // event object ดูได้เพิ่มที่ บทความก่อนหน้า หรือ 
             //  http://fullcalendar.io/docs/event_data/Event_Object/
            
            console.log(jsEvent);  // event ของ mouse เมื่อคลิก เช่น jsEvent.pageX  jsEvent.pageY
           console.log(view);  // view objcct http://fullcalendar.io/docs/views/View_Object/
            console.log(view.name);  // ชื่อหน้า view ปัจจุบันเช่น month ,
            // เช่น month - basicWeek - basicDay - agendaWeek - agendaDay
            console.log(view.title);  // ชื่หัวข้อปฏิทิน เช่น ตุลาคม 2014
            console.log(view.start);  // วันที่เริ่มต้นในปฏิทิน ได้ค่าในรูปแบบ moment object แปลงเป็นวันที่ได้
            console.log(view.end);   // วันที่สุดท้ายที่ไม่ด้แสดงในปฏิทิน ได้ค่าในรูปแบบ moment object แปลงเป็นวันที่ได้
            console.log(view.intervalStart);  // วันที่ 1 ของแต่ละเดือน อยู่ในรูปแบบ  moment object แปลงเป็นวันที่ได้
            console.log(view.intervalEnd);   // วันที่  1 ของอีกเดือน หรือวันที่ถัดจากวันที่สุดท้ายของเดือน
             if(view.name=="month"){ // ให้ทำงานต่อเมื่อ หน้า view ขณะนั้นเป็น month
                // ทำสอบการทำงานเปลี่ยนสีของ กิจกรรม
                 // ดังนั้น $(this)  คือแถบของกิจกรรม ที่เราคลิก
                $(this).css('border-color', 'red');
             }

        }       
        
    });
     
});

$(function(){

    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',  
            center: 'title',
            right: 'month,agendaWeek,agendaDay',
        },  
        events: {
            url: 'data_events.php',
            error: function() {

            }
        },    
        eventLimit:true,
        lang: 'th',
        dayClick: function(date, jsEvent, view) { // เมื่อคลิกที่วันที่ใดๆ ในปฏิทิน
            
            // เราจะใช้แค่เมื่อคลิกในหน้า view month เท่านั้น
            if(view.name=="month"){ // ให้ทำงานต่อเมื่อ หน้า view ขณะนั้นเป็น month

            }

        }
        
    });
     
});

$('#ปฏิทิน').fullCalendar('changeView','ชื่อ view');

$('#calendar').fullCalendar('changeView','basicDay');

$('#ปฏิทิน').fullCalendar('gotoDate',วันที่รับค่าจาก date ของ moment object);

$('#calendar').fullCalendar('gotoDate',date.format());

$(function(){

    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',  
            center: 'title',
            right: 'month,agendaWeek,agendaDay',
        },  
        events: {
            url: 'data_events.php',
            error: function() {

            }
        },    
        eventLimit:true,
        lang: 'th',
        dayClick: function(date, jsEvent, view) { // เมื่อคลิกที่วันที่ใดๆ ในปฏิทิน
            
            // เราจะใช้แค่เมื่อคลิกในหน้า view month เท่านั้น
            if(view.name=="month"){ // ให้ทำงานต่อเมื่อ หน้า view ขณะนั้นเป็น month
                $('#calendar').fullCalendar('changeView','basicDay');
                $('#calendar').fullCalendar('gotoDate',date.format());
            }

        }
        
    });
     
});