Events 来自谷歌日历的DHTMLX调度程序数据_Events_Calendar_Google Calendar Api_Dhtmlx_Webix

Events 来自谷歌日历的DHTMLX调度程序数据

events calendar google-calendar-api

Events 来自谷歌日历的DHTMLX调度程序数据,events,calendar,google-calendar-api,dhtmlx,webix,Events,Calendar,Google Calendar Api,Dhtmlx,Webix,当前正在使用google日历的计划程序。但对手机不友好 <!DOCTYPE html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title></title> </head> <script src="./codebase/dhtmlxscheduler.js" type

当前正在使用google日历的计划程序。但对手机不友好

<!DOCTYPE html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <title></title>
    </head>
    <script src="./codebase/dhtmlxscheduler.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" href="./codebase/dhtmlxscheduler.css" type="text/css" media="screen" title="no title" charset="utf-8">
        <style type="text/css" media="screen">
    html, body{
        margin:0px;
        padding:0px;
        height:100%;
        overflow:hidden;
    }   
</style>
        <script type="text/javascript" charset="utf-8">
    function init() {
        scheduler.config.xml_date="%Y-%m-%d %H:%i";
        scheduler.init('scheduler_here',new Date(2013, 7, 5),"week");
        scheduler.load("./data.php", "json");

        var dp =  new dataProcessor("./data.php");
        dp.init(scheduler);

        dp.setTransactionMode("POST", false);
    }
</script>
        <body onload="init();">
            <div id="scheduler_here"></div>
        </div>
    </body>


html，正文{
边际：0px；
填充：0px；
身高：100%；
溢出：隐藏；
}   
函数init（）{
scheduler.config.xml_date=“%Y-%m-%d%H:%i”；
scheduler.init（“此处为scheduler_”，新日期（2013年7月5日），“周”）；
load（“./data.php”，“json”）；
var dp=新的数据处理器（“./data.php”）；
dp.init（调度器）；
dp.setTransactionMode（“POST”，假）；
}

当前的调度程序是移动友好的，但不会从谷歌日历中获取事件

  <!DOCTYPE html>
  <html>

  <head>
    <meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0,     user-scalable = no">
    <script src="cal/webix.js" type="text/javascript"></script>
    <script src="cal/scheduler/scheduler.js" type="text/javascript">    </script>
    <link rel="stylesheet" type="text/css" href="cal/skins/touch.css">
    <link rel="stylesheet" type="text/css"     href="cal/scheduler/scheduler.css">
    <title></title>
    <script type="text/javascript" charset="utf-8">
    webix.ready(function() {
        scheduler.config.hour_date = "%g:%i%a"; 
        scheduler.config.readonly = true;
        webix.ui.fullScreen();
        webix.ui({
            view: "scheduler",
            id: "scheduler"
        });
        $$("scheduler").load("data.json", "json");
    });
    </script>
  </head>
<body>
    <div id="scheduler"></div>
  </body>
</html>


webix.ready（函数（）{
scheduler.config.hour_date=“%g:%i%a”；
scheduler.config.readonly=true；
webix.ui.fullScreen（）；
webix.ui({
视图：“调度程序”，
id:“调度程序”
});
$$（“调度器”）.load（“data.json”、“json”）；
});

似乎不知道如何合并它们或创建一个新代码，使css对移动设备友好，但仍然可以从谷歌日历获取数据。

对于json数据源，桌面和移动调度器必须能够共享相同的数据源，所以像next这样的代码必须工作

  <!DOCTYPE html>
  <html>

  <head>
    <meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0,     user-scalable = no">
    <script src="cal/webix.js" type="text/javascript"></script>
    <script src="cal/scheduler/scheduler.js" type="text/javascript">    </script>
    <link rel="stylesheet" type="text/css" href="cal/skins/touch.css">
    <link rel="stylesheet" type="text/css"     href="cal/scheduler/scheduler.css">
    <title></title>
    <script type="text/javascript" charset="utf-8">
    webix.ready(function() {
        scheduler.config.hour_date = "%g:%i%a"; 
        scheduler.config.readonly = true;
        webix.ui.fullScreen();
        webix.ui({
            view: "scheduler",
            id: "scheduler"
        });
        $$("scheduler").load("data.json", "json");
    });
    </script>
  </head>
<body>
    <div id="scheduler"></div>
  </body>
</html>

$$("scheduler").load("data.php", "json");