The following steps shows the way to customize the start and end time displayed in the cloned appointment element while dragging and resizing the appointments.
Step 1: Create a scheduler default sample and bind the drag and resize event as shown below,
Step 2: Define the drag and resize event function onDrag and onResize respectively which contains the code to customize the time duration. The following code example shows the logic.
Step 3: Run the above sample and the appointment time is customized in the interval of time scale value as shown below.
Figure 1: Scheduler with customized time while dragging.
Figure2: Scheduler with customized time while resizing.
|Article ID:||Published Date:||Last Revised Date:||Platform:||Control:|