我们如何更改 kendo 调度程序事件结束时间？

Question

最近我在我的项目中使用 kendo 调度程序。从那里我正在使用事件添加。默认情况下，当我们从调度程序中选择时间时，它会自动设置开始时间和结束时间。开始和结束时间之间的差异始终为 30 分钟。 Example image is given here

根据我的要求，我想把这个时差改成1小时。

我无法设置这个差异。请帮忙。

Answer 1

希望我能正确理解您的意思，您就是这样做的。

使用编辑功能
我打赌你只想在新事件上这样做所以我添加了 if isNew
然后获取开始和结束日期时间选择器
获取当前事件开始时间并修改它，在本例中我添加了 1 小时
使用新值设置小部件
确保你更改 e.event.end 因为你现在只更改 ui 而没有实际更改事件时间所以如果你保存而不触及 "end" datetimepicker 保存的时间将是正确。

这里是编辑函数代码：

edit: function(e){
    if(e.event.isNew){
        var start = e.container.find("[name=start][data-role=datetimepicker]");
        var end = e.container.find("[name=end][data-role=datetimepicker]"); 
        var startTime = new Date(e.event.start);
        var endTime = new Date(startTime);
            endTime.setHours(startTime.getHours() + 1);
        $(start).data("kendoDateTimePicker").value(startTime); //set start date to the current date and time
        $(end).data("kendoDateTimePicker").value(endTime); //set enddate to the current date and time

        //this line needed, since the event time is still only 30 minutes. if you remove this, upon saving if you didnt touch the datetimepicker (leave as it) then it will save only 30 minutes while it showing 1 hour
        e.event.end = endTime;
    }

这里是working example

我们如何更改 kendo 调度程序事件结束时间？

How can we change kendo schduler Event end Time?

jquery

events

kendo-ui

kendo-scheduler