DHTMLX SCHEDULER

Question

[entrez la description de l'image ici] [1] Je souhaite ajouter une section de période à une boîte à lumière entièrement personnalisée.

[<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]: voir cette image https://i.stack.imgur.com/A3spf.png

Answer 1

Il ne devrait pas être très difficile

1. vous devez trouver un composant sélecteur date-heure qui vous convient (datepicker embedded dans dhtmlxScheduler ne dispose pas du sélecteur de temps fonctionnalité )
2. lorsque l'utilisateur ouvre lightbox - vous initialisez des datpickers dans les entrées de formulaire et y affectez event.start_date/end_date
3. lorsque l'utilisateur enregistre lightbox - vous obtenez des valeurs de datepickers et mettez à jour event.start_date/end_date avec ces valeurs.

Voici une démo - http://docs.dhtmlx.com/scheduler/snippet/5e45f342

J'ai utilisé cet exemple https://docs.dhtmlx.com/scheduler/samples/02_customization/16_custom_form.html et flatpickr datepicker https://chmln.github.io/flatpickr/ pour elle.