Question

我正在尝试在phonegap应用上获取fullcalendar。我的代码正在浏览器上，但在android emulador上它只是没有显示日历。我也尝试将其置于'设备就绪'中，但如果我这样做，我得到Object [object Object]没有方法'fullCalendar'错误。

设备准备就绪：

var app = {

        initialize: function() {
            this.bindEvents()
        },

        bindEvents: function() {
            document.addEventListener('deviceready', this.onDeviceReady, false)
            $(document).on("pageshow", app.onDeviceReady);
        },

        onDeviceReady: function() {
            app.receivedEvent('deviceready')
        },

        receivedEvent: function(id){

            var date = new Date();
            var d = date.getDate();
            var m = date.getMonth();
            var y = date.getFullYear();

            $('#calendar').fullCalendar({
                theme: true,
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month,agendaWeek,agendaDay'
                },
                editable: true,
                events: [
                    {
                        title: 'All Day Event',
                        start: new Date(y, m, 1)
                    },
                    {
                        title: 'Long Event',
                        start: new Date(y, m, d-5),
                        end: new Date(y, m, d-2)
                    },
                    {
                        id: 999,
                        title: 'Repeating Event',
                        start: new Date(y, m, d-3, 16, 0),
                        allDay: false
                    },
                    {
                        id: 999,
                        title: 'Repeating Event',
                        start: new Date(y, m, d+4, 16, 0),
                        allDay: false
                    },
                    {
                        title: 'Meeting',
                        start: new Date(y, m, d, 10, 30),
                        allDay: false
                    },
                    {
                        title: 'Lunch',
                        start: new Date(y, m, d, 12, 0),
                        end: new Date(y, m, d, 14, 0),
                        allDay: false
                    },
                    {
                        title: 'Birthday Party',
                        start: new Date(y, m, d+1, 19, 0),
                        end: new Date(y, m, d+1, 22, 30),
                        allDay: false
                    },
                    {
                        title: 'Click for Google',
                        start: new Date(y, m, 28),
                        end: new Date(y, m, 29),
                        url: 'http://google.com/'
                    }
                ]
            });
   }

如果我把它放在外面它会在浏览器上正常运行..但不能在模拟器上运行：/

演示：http://jsfiddle.net/KrZJr/86/

是否有可能在Android上使用fullcalendar或者它是一个效果与Android相同的插件吗？

Answer 1

找到一个适用于phonegap的示例。 http://jsfiddle.net/Gajotres/ZSd2C/

必须使用pageshow事件

 $(document).on('pageshow','#index',function(e,data)

如何使用fullcalendar来处理phonegap

1 个答案: