CI Calendar With Ajax

<?php
private function _calconfig()
    {
        return array(
            'start_day'         => 'monday',
            'show_next_prev'    => true,
            'next_prev_url'     => base_url('view/show_cal_ajax'),
            'month_type'        => 'long',
            'day_type'          => 'short',
            'template'          => '{table_open}<table class="mytablecal">{/table_open}

                                       {heading_row_start}&nbsp;{/heading_row_start}
                                            {heading_previous_cell}<caption><a id="prevcal" href="{previous_url}" class="prev_date" title="Previous Month">&lt;&lt; </a>{/heading_previous_cell}
                                            {heading_title_cell}<span class="heading-kalender"> {heading} </span>{/heading_title_cell}
                                            {heading_next_cell}<a id="nextcal" href="{next_url}" class="next_date"  title="Next Month"> &gt;&gt;</a></caption>{/heading_next_cell}
                                       {heading_row_end}<col class="weekdays" span="5"><col class="weekend"><col class="weekend">{/heading_row_end}

                                       {week_row_start}<thead><tr>{/week_row_start}
                                            {week_day_cell}<th>{week_day}</th>{/week_day_cell}
                                       {week_row_end}</tr></thead><tbody>{/week_row_end}

                                       {cal_row_start}<tr>{/cal_row_start}
                                           {cal_cell_start}<td>{/cal_cell_start}
                                               {cal_cell_content}<div data-toggle="modal" data-target=".mymodal" class="detail" val="{day}"><span class="myclass">{day}</span><span class="d{day}">{content}</span></div>{/cal_cell_content}
                                               {cal_cell_content_today}<div data-toggle="modal" data-target=".mymodal" class="detail" val="{day}"><span class="myclass">{day}</span><span class="d{day}">{content}</span></div>{/cal_cell_content_today}

                                               {cal_cell_no_content}<div data-toggle="modal" data-target=".mymodal" class="detail" val="{day}"><span class="myclass">{day}</span><span class="d{day}">&nbsp;</span></div>{/cal_cell_no_content}
                                               {cal_cell_no_content_today}<div data-toggle="modal" data-target=".mymodal" class="detail" val="{day}"><span class="myclass">{day}</span><span class="d{day}">&nbsp;</span></div>{/cal_cell_no_content_today}

                                               {cal_cell_blank}&nbsp;{/cal_cell_blank}
                                           {cal_cell_end}</td>{/cal_cell_end}
                                       {cal_row_end}</tr>{/cal_row_end}

                                   {table_close}</tbody></table>{/table_close}');
    }

public function default_cal($yr = NULL, $mth = NULL)
{
        $this->load->model('m_cal');
        $this->load->library('calendar', $this->_calconfig());
        $year = $month = "";
        if($yr != NULL && $mth != NULL)
        {
            $month = $mth;
            $year = $yr;
        }
        else
        {
            $month = date('m');
            $year = date('Y');
        }

        $numEvent   = $this->m_cal->numOfEvent($month, $year);
        $data           = array(
                            'cal_data' => $this->calendar->generate($year, $month, $numEvent),
                            'month'             => $month,
                            'year'              => $year
                        );
        return $data;
}

public function show_cal_ajax($yr = NULL, $mth = NULL)
    {
        $this->load->model('m_cal');
        $this->load->library('calendar', $this->_calconfig());
        $year = $month = "";
        if($yr != NULL && $mth != NULL)
        {
            $month = $mth;
            $year = $yr;
        }
        else
        {
            $month = date('m');
            $year = date('Y');
        }

        $numEvent   = $this->m_cal->numOfEvent($month, $year);
        $data           = array(
                            'cal_data' => $this->calendar->generate($year, $month, $numEvent)
                        );
        echo $data['cal_data'];
    }

public function show_event_detail()
    {
        $this->load->model('m_cal');
        $this->load->library('calendar', $this->_calconfig());

        ?>
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h5 class="modal-title hdr-mdl-title"><span class="glyphicon glyphicon-calendar"></span> Calendar Detail</h5>
            </div>
            <div class="modal-body">
                <div class="row mymodalcontent">
        <?php
            if($data = $this->m_cal->listEvent($this->input->post('d'), $this->input->post('m'), $this->input->post('y')))
            {
                foreach ($data as  $val) {
                    ?>
                    <div class="col-md-6 cnt-isi-kal">
                        <div class="row form-horizontal">
                            <label class="col-md-4">Room Name :</label>
                            <div class="col-md-8">
                                <label class="cont"><?php echo $val['room']; ?></label>
                            </div>
                            <label class="col-md-4">Time :</label>
                            <div class="col-md-8">
                                <label class="cont"><?php echo $val['time']; ?></label>
                            </div>
                            <label class="col-md-4">Purpose :</label>
                            <div class="col-md-8">
                                <label class="cont"><?php echo $val['purpose']; ?></label>
                            </div>
                        </div>
                    </div>
                    <?php
                }
            }
            else
            {
                ?>
                <div class="modal-msg"><h4>Not Found</h4></div>
                <?php
            }
        ?>
            </div>
        </div>
        <div class="modal-footer ftr-mdl-jdwl">
            <div class="isi-ftr-mdl-jdwl">
                <p class="update-info-jdwl-popup"><em>Last update : &nbsp; <?php echo $lastUpdate; ?></em></p>
                <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal">Close</button>
            </div>
        </div>
        <?php
    }
    ?>
    $(document).on('click','#prevcal',function(){
        var href = $(this).attr('href');
        $.post(href, {}, function(data){
            $('#calendar').html(data);
        });

        return false;
    });

    $(document).on('click','#nextcal',function(){
        var href = $(this).attr('href');
        $.post(href, {}, function(data){
            $('#calendar').html(data);
        });

        return false;
    });

$(".detail").on('click',function(){
        var day = $(this).attr('val');

        $.ajax({
            type: 'POST',
            dataType: 'html',
            url: <?php echo "'".base_url('view/show_event_detail')."'"; ?>,
            data:{<?php echo "y: $year, m: $month";?>, d: day},
            success: function( data ) {
                $( ".modal-content").html(data);
            },
            error: function(){
                alert('Error: ajax request error.');
            }
        });
});