2016-06-12 98 views
1

我正在使用Kendo UI MVC DateTimePicker。默认情况下,时间显示为一个列表:Kendo UI MVC DateTimePicker:Custimize时间列表?

12:00 AM 上午12:30 ... 11:30 PM 12:00 PM

是否可以自定义这个名单?工作时间表为上午8:00至下午4:00。列表从上午8点到下午4点开始更有意义。

找不到关于此的任何信息/问题。

谢谢

***我在计划模板中使用DateTimePicker。它映射到模型中的model.start。所以,必须使用DateTimePicker

回答

0

你不能用DateTimePicker。但是,您可以将DatePickerTimePicker放在一起,并限制时间范围。

Documentation

@(Html.Kendo().DatePicker() 
     .Name("StartDate")) 

@(Html.Kendo().TimePicker() 
     .Name("StartTime") 
     .Min("8:00 AM") 
     .Max("4:00 PM")) 
+0

谢谢。但是,我在计划模板中使用了DateTimePicker。它映射到模型中的一个属性。所以,必须使用DateTimePicker – urlreader

0

得到了剑道支持答案:

您可以使用Scheduler的“编辑”事件,以更新编辑器中的dateTimePickers的选项。演示是在http://dojo.telerik.com/UzicU/2

edit: function(e) { 
    e.container.find("[data-role=datetimepicker]").each(function() { 
     var dtp = $(this).getKendoDateTimePicker(); 

     dtp.timeView.setOptions({ 
      min: new Date(2011, 1, 1, 8, 0, 0), 
      max: new Date(2011, 1, 1, 16, 0, 0) 
     }); 
    }); 
}, 

希望它有帮助。