时间戳

首页 > 解决方案 > DHTMLX 调度程序不会加载数据

dhtmlx-scheduler - DHTMLX 调度程序不会加载数据

问题描述

DHTMLX Scheduler 无法加载数据，即使它在html文档中是内联的。这是我的代码：

<!doctype html>
<html>
  <head>
  <meta charset="utf-8">
   <script src="https://cdn.dhtmlx.com/scheduler/edge/dhtmlxscheduler.js"></script>
   <link href="https://cdn.dhtmlx.com/scheduler/edge/dhtmlxscheduler_material.css" 
        rel="stylesheet" type="text/css" charset="utf-8">
    <style>

        html, body{
            margin:0px;
            padding:0px;
            height:100%;
            overflow:hidden;
        }


    </style>
</head>
<body>
    <div id="scheduler_here" class="dhx_cal_container" 
        style='width:100%; height:100%;'>
        <div class="dhx_cal_navline">
            <div class="dhx_cal_prev_button">&nbsp;</div>
            <div class="dhx_cal_next_button">&nbsp;</div>
            <div class="dhx_cal_today_button"></div>
            <div class="dhx_cal_date"></div>
            <div class="dhx_cal_tab" name="day_tab"></div>
            <div class="dhx_cal_tab" name="week_tab"></div>
            <div class="dhx_cal_tab" name="month_tab"></div>
        </div>
        <div class="dhx_cal_header"></div>
        <div class="dhx_cal_data"></div>
    </div>
    <script>

        scheduler.init('scheduler_here', new Date(2019,0,20), "week");
        if (scheduler.parse([
            {text:"Meeting",    start_date:"15/01/2020 14:00", end_date:"15/01/2020 17:00"},
            {text:"Conference", start_date:"16/01/2020 12:00", end_date:"16/01/2020 19:00"},
            {text:"Interview",  start_date:"17/01/2020 09:00", end_date:"17/01/2020 10:00"}
                        ],"json")) {
            alert("OK");
          }
          else {
            alert("NOK")
          }

    </script>
</body>

在这里看小提琴：

https://jsfiddle.net/q9bhgj0s/

我想念什么？？？

谢谢！

标签： dhtmlx-scheduler

解决方案

您传递给调度程序的 parse 方法的事件未呈现，因为为 start_date 和 end_date 属性指定的日期格式未被识别。

下面演示了使用可接受格式的 parse 函数：

scheduler.parse([
    {text:"Meeting",    start_date:"2019-01-15 14:00", end_date:"2019-01-15 17:00"},
    {text:"Conference", start_date:"2019-01-16 12:00", end_date:"2019-01-16 19:00"},
    {text:"Interview",  start_date:"2019-01-17 09:00", end_date:"2019-01-17 10:00"}
], "json");

更新小提琴：https ://jsfiddle.net/ChrisCookDev/frwynpds/

此外，请记住调度程序的parse方法不会返回布尔结果（正如您的代码所暗示的“OK”和“NOK”报告）：

无效解析（对象数据，[字符串类型]）；

推荐阅读