2016-06-12 99 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) 
     }); 
    }); 
}, 

希望它有幫助。