DHTMLX Scheduler не будет загружать данные

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/

Что мне не хватает???

Спасибо!

Источник

2 ответа

Решение

События, которые вы передали методу разбора планировщика, не отображаются, потому что формат даты, указанный для свойств start_date и end_date, не распознается.

Далее демонстрируется функция разбора в приемлемом формате:

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/

Кроме того, имейте в виду, что метод синтаксического анализа планировщика не возвращает логический результат (как ваш код предлагает с отчетами "OK" и "NOK"):

void parse (данные объекта, [тип строки]);

Источник

По умолчанию планировщик принимает дату для "start_date" а также "end_date" в следующем формате: "mm/dd/yyy H:i"поэтому измените свою дату в этих абзацах на: "start_date:"01/15/2020 14:00",end_date:"01/15/2020 17:00"", или установите формат даты для вашего планировщика: scheduler.config.xml_date="%Y-%m-%d %H:%i"; и передать дату в этом формате.

Источник

В качестве альтернативного решения вы можете просто изменить значение конфигурации xml_date в соответствии с форматом даты в данных:

scheduler.config.xml_date="%d/%m/%Y %H:%i";

Результат: http://snippet.dhtmlx.com/f074f994e

Источник
Другие вопросы по тегам