DHTMLX调度程序

Question

在这里输入图像描述，我想添加时间段完全自定义灯箱。

    [<form id='form1'>
      <span class="label">Text</span><input id="Text1" name="text" type="text"/><br />
      <span class="label">From</span><input id="start_date" name="start_date"  type="text"/>
      <span class="label">to</span><input id="end_date" name="end_date" type="text"/><br />
      <span class="label">Room_id</span><input id="Text4" name="room_id" type="text"/>
      <span class="label">User Id</span><input id="Text5" name="user_id" type="text"/>
       <input type="text" id="patient_name" name="patient_name"/>
       <input type="text" id="patient_dob" name="patient_dob"/>
      <input id="Hidden1" name="id" type="hidden"/>
   </form>][1]

1:查看此镜像https://i.stack.imgur.com/A3spf.png

Answer 1

这应该不是很难

1. 您需要找到适合您的日期-时间选择器组件(嵌入到dhtmlxScheduler中的日期选择器缺乏时间选择器功能)
2. 当用户打开lightbox时-您在表单输入中初始化日期选择器并分配事件。

_

1. /end_date进入其中当用户保存lightbox时开始日期-您从日期选择器中获取值并更新event.start_date/end_date。

这是一个演示- http://docs.dhtmlx.com/scheduler/snippet/5e45f342

我使用了这个示例https://docs.dhtmlx.com/scheduler/samples/02_customization/16_custom_form.html和flatpickr datepicker https://chmln.github.io/flatpickr/。