JQM + SchedulerMobile: blank page..

Discontinued products Scheduler for Mobile and Touch devices
#1

Hi,

I was looking for a great calendar plugin and this was exactly what I was looking for. But…I can’t get it working. I’m using it in combination with Jquery Mobile. I already read that you need to make some kind of container, but still nothing shows up. This is the code I’m using:


<!DOCTYPE html> 
<html>
    <head>
        <meta charset="UTF-8" />
        <title>Hello, World</title>
            <link href="jquery-mobile/jquery.mobile-1.2.0.min.css" rel="stylesheet" type="text/css" />
            <script src="jquery-mobile/jquery-1.8.2.min.js" type="text/javascript"></script>
            <script src="jquery-mobile/jquery.mobile-1.2.0.min.js" type="text/javascript"></script>
            <script src="dhxscheduler_mobile.js" type="text/javascript"></script>
            <link href="dhxscheduler_mobile.css" rel="stylesheet"  type="text/css" />
        
            <script>
                dhx.ready(function(){
                    scheduler.config.readonly = true;
                    dhx.ui.fullScreen();
                              dhx.ui({
                                     container: "schedulerDiv",
                                     view: "scheduler",
                                     id: "scheduler"
                                     });
                               $$("scheduler").load("mobile.xml","scheduler");
                              });
            </script>
    </head>
        <body>
            
            <div id="schedulerDiv" style="height:417px;width:320px;">
            </div>
        </body>

</html>

What am I doing wrong here? :unamused:

#2

Scheduler displays events starting from a date defined in scheduler.condig.init_date. If the date is not defined, it will be today . If you are using mobile.xml from scheduler package, you should define 2011 year as init_date as all events start in this year:

dhx.ready(function(){ scheduler.config.init_date = new Date(2011,1,1); ....