使用带有Phonegap的jQuery mobile开发Android平台手机的完整日历应用程序

时间:2013-11-29 06:58:45

标签: android jquery-mobile cordova

我正在尝试使用带有Phonegap的jQuery mobile开发Android平台手机的日历应用程序。 我想在我的应用程序中使用jQuery完整日历,我已在许多网站上搜索过。但无法找到确切的解决方案。 我知道必须有一些方法在jQuery Mobile中使用jQuery Full Calendar。 通过看一些例子,我试图使用jQuery完整日历插件,但我无法调用fullCalendar()方法。<script type="text/javascript" charset="utf-8" src="jquery/jquery-1.3.2.min.js"><script> <script type="text/javascript" charset="utf-8" src="jquery/fullcalendar.js"><script> <script type="text/javascript" charset="utf-8" src="jquery/fullcalendar.min.js"><script>

任何人都可以帮助我.... ???? 在此先感谢。

1 个答案:

答案 0 :(得分:2)

最后我解决了这个问题,感谢Stackoverflow。这是它的工作实例! working jsfiddle

 $(document).on('pageshow','#index',function(e,data){    
        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();

        $('#calendar').fullCalendar({
            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/'
                }
            ]
        });
    });