Product Bundles
DevCraft
All Telerik .NET tools and Kendo UI JavaScript components in one package. Now enhanced with:
Web
Mobile
Document Management
Desktop
Reporting
Testing & Mocking
CMS
UI/UX Tools
Debugging
Free Tools
Support and Learning
Productivity and Design Tools
In order to display Kendo UI DateTimePicker for each of the rows in the Grid you can use editor for the column. For example:
$(
"#grid"
).kendoGrid({
//....
columns: [{
{ field:
"OrderDate"
,
format:
"{0:dd MMMM yyyy HH:mm}"
editor: dateTimeEditor
}
});
function
dateTimeEditor(container, options) {
'<input data-bind="value:'
+ options.field +
'"/>'
)
.appendTo(container)
.kendoDateTimePicker({
interval: 15,
timeFormat:
"HH:mm"