Sayfalar

6 Mart 2018 Salı

Full calendar


<script>
jQuery(document).ready(function() {

        jQuery('#calendar').fullCalendar({

            editable: false,
            navLinks: true, // can click day/week names to navigate views
            eventLimit: false, // allow "more" link when too many events
            height: "auto",
            locale: "tr",
            themeSystem:"jquery-ui",
            theme: true,
            themeName:"Redmond",
            events: {
                url: ' your ajax url',
                error: function() {
                    jQuery('#script-warning').show();
                }
            },
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,basicWeek,basicDay'
            },
            loading: function(bool) {

                if(bool){

                    jQuery.blockUI();

                }else{

                    jQuery.unblockUI();

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

                DetayGoster(calEvent.id);


            }
        });

    });
</script>

<?php
// return ajax

     foreach ($data as $row){
           $return[] = array( "title"=> "your title","start"=> $startdate,"end"=>$enddate,"color"=>"your color","textColor" => "your text color","id"=>"your id");
        }
   echo json_encode($return);


?>

Hiç yorum yok:

Yorum Gönder