eventclick上带有可点击弹出窗口的fullcalendar

时间:2016-07-01 06:27:11

标签: javascript jquery fullcalendar

我有一个弹出窗体。我在fullcalendar页面中有活动。

我需要点击完整日历中的任何活动弹出此表单。

尝试使用模态完整日历,但根据我的要求,我只需要弹出窗体。我尝试使用window.open(" url"),但它转到下一页。

这是我的代码,但需要创建一个可点击的弹出窗口。我已经通过下面的图片添加了我的表单,该图片将在点击事件时弹出。请尽快承认我..

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

$('#calendar').fullCalendar({ 

utc: true, 
header: { 
left: 'prev,next today EventButton', 
center: 'title', 
right: 'month,agendaWeek,agendaDay' 
},   

editable: true, 
droppable: true, 

events: [
            {
                title: 'All Day Event',
                start: '2016-07-01',
                end: '2016-07-01' 
            },
            {
                title: 'Long Event',
                start: '2016-07-07',
                end: '2016-10-08'
            }
        ],
eventClick: function(event, jsEvent, view) {
            console.log(event.id);
            window.open("<?php echo base_url() ?>common/calendar/form_calendar");
 }
});
});

my sample form image

0 个答案:

没有答案