Binding date value to ng-model in angular kendo date picker

sam rodrigues picture sam rodrigues · Aug 26, 2014 · Viewed 9.2k times · Source

I have an api which return the date in this format "014-08-26T15:10:45.402Z" i am using angular kendo ui .The problem i am facing is the date is not getting bound to the kendo date picker.Could someone help me out .

         <input kendo-date-picker ng-model="emp.datestart" k-format="MM/dd/yyyy" />

Answer

Paulo Soto picture Paulo Soto · Mar 13, 2015

In order to have the Kendo DatePicker working with a string date value model you need:

1) Use k-ng-model instead of ng-model.

2) Tell the widget in which exact format the date will be parsed.

<input kendo-date-picker k-ng-model="emp.datestart" k-options="datePickerOptions" />

Then at your AngularJS controller you will specify the date parsing format, for example:

$scope.datePickerOptions = {
    parseFormats: ["yyyy-MM-ddTHH:mm:ss"]
};