Question

使用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>

当前的计划程序具有移动设备友好性但无法从Google日历中获取事件。

  <!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>

似乎无法弄清楚如何合并它们或创建一个新的代码，使css具有移动友好性，但仍可从谷歌日历中获取数据。

Answer 1

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

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

来自Google日历的DHTMLX计划程序数据

1 个答案: