DHTMLX SCHEDULER

Question

[請輸入圖片說明] [1]我想添加時間段到完全自定義燈箱。

[<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. 當用戶打開燈箱 - 你在窗體輸入初始化datepickers和分配event.start_date/end_date到他們
3. 當用戶保存燈箱 - 你從datepickers獲取值，並用這些值更新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日期選擇器https://chmln.github.io/flatpickr/它。