我们如何在 dhtmlxscheduler

问题描述

我正在显示司机的日程安排。有些司机在放假，所以我们为他们显示红框。其他驱动程序处于活动状态，因此我们为它们显示白色块。我想通过日历日的变化来计算活跃和非活跃的驱动程序。希望你能理解我的问题。在此处输入代码

scheduler.locale.labels.timeline_tab = "Timeline";
scheduler.locale.labels.section_custom="Section";
scheduler.config.details_on_create=true;
scheduler.config.details_on_dblclick=true;

//===============
//Configuration
//===============
var sections=[
  {key:1,label:"James Smith"},{key:2,label:"John Williams"},{key:3,label:"David Miller"},{key:4,label:"Linda brown"}
];

scheduler.createTimelineView({
  name: "timeline",x_unit:   "hour",x_date: "%H:%i",x_step:   1,x_size: 24,x_start: 0,y_unit:   sections,y_property:   "section_id",render:"bar",event_dy:"full"
});
//scheduler.date.timeline_start = scheduler.date.week_start;


//===============
//Data loading
//===============
scheduler.config.lightBox.sections=[
  {name:"description",height:50,map_to:"text",type:"textarea",focus:true},{name:"custom",height:30,type:"select",options:sections,map_to:"section_id" },{name:"time",height:72,type:"time",map_to:"auto"}
];
scheduler.config.readonly = true;
scheduler.init('scheduler_here',new Date(2021,5,30),"timeline");
scheduler.parse([
  { start_date: "2021-06-30 00:00",end_date: "2021-07-01 23:59",text:"",section_id:1,color:"red"},{ start_date: "2021-06-30 00:00",end_date: "2021-06-30 23:59",section_id:2,section_id:3,section_id:4,color:"red"}
]); 

<link rel="stylesheet" type="text/css" href="https://docs.dhtmlx.com/scheduler/codebase/dhtmlxscheduler_material.css">
<script src="https://docs.dhtmlx.com/scheduler/codebase/dhtmlxscheduler.js"></script>
<script src="https://docs.dhtmlx.com/scheduler/codebase/ext/dhtmlxscheduler_timeline.js"></script>
<style>
  html,body{
     padding:0;
     margin: 0;
  }
</style>

<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>
    <div class="dhx_cal_header">
    </div>
    <div class="dhx_cal_data">
    </div>
</div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）