Please help me. I encountered a very strange behavior of the kendoDateTimePicker widget.
When i'm using kendoDateTimePicker widget as editor in kendoGrid, and click on clock icon, this widget show me string "01.01.1900" before time part in drop-down list (see attached picture).
For example:
...
"01.01.1900 4:30" instead of "4:30"
"01.01.1900 5:00" "5:00"
...
My source code is:
When i'm using kendoDateTimePicker widget as editor in kendoGrid, and click on clock icon, this widget show me string "01.01.1900" before time part in drop-down list (see attached picture).
For example:
...
"01.01.1900 4:30" instead of "4:30"
"01.01.1900 5:00" "5:00"
...
My source code is:
<div id=
"grid"
></div>
<script type=
"text/javascript"
>
$(document).ready(
function
() {
kendo.culture(
"ru-RU"
);
var
dataSource =
new
kendo.data.DataSource({
transport: {
read: { url:
"http://localhost:6356/admin/GetUnitTogglesList"
},
update: { url:
"http://localhost:6356/admin/UpdateUnitToggles"
},
destroy: { url:
"http://localhost:6356/admin/DeleteUnitToggles"
},
create: { url:
"http://localhost:6356/admin/CreateUnitToggle"
}
},
batch:
true
,
schema: {
model: {
fields: {
Date: { type:
"date"
},
UnitId: { type:
"number"
},
Connect: { type:
"boolean"
}
}
}
}
});
dataSource.read();
$(
"#grid"
).kendoGrid({
dataSource: dataSource,
navigatable:
true
,
pageable:
false
,
sortable:
true
,
toolbar: [
"create"
,
"save"
,
"cancel"
],
columns: [
{ field:
"Date"
, title:
"Date"
, template:
'#= kendo.toString(Date, "dd.MM.yyyy H:mm") #'
, editor: timeEditor },
{ field:
"UnitId"
, title:
"Unit"
},
{ field:
"Connect"
, title:
"Status"
}
],
editable:
true
});
});
function
timeEditor(container, options) {
$(
'<input name="'
+ options.field +
'"/>'
)
.appendTo(container)
.kendoDateTimePicker({
format:
"dd.MM.yyyy H:mm"
,
timeFormat:
"H:mm"
});
}
</script>