Input doesn't display initial value with ng-model

[Maciejszuchta]

Hello
I noticed a weird bug. When I load object with initial DateTime somehow it doesn't display date property.

My object date looks like this :

    `"value": "2017-10-30T09:52:49.105Z"`

I thought maby I incorreclty set the format of datepicker when initializing but when I select the date and time from calendar it is stored with propper format.
<input type="text" class="form-control" ng-disabled="!(item.selected || item.requireCheckbox == false)" ng-model="item.value" datetime-picker="yyyy-MM-ddTHH:mm:ss.sss'Z'" is-open="item.showFlag" style="width: 100%" ng-style="item.value != item.oldValue && {'border':'2px solid #42aaf4'} || {'border':'1px solid #ccc'}">

If I remove datetime-picker directive from input the date from the object is displayed properly.

Please help

[Gillardo]

Can you create a plunkr to replicate? Is your value a date object? or a date formatted string? It should be a date object

[Maciejszuchta]

It is a string formatted as a date.

[Gillardo]

needs to be a date object. Try changing it to const myDate = new Date(yourValue) and then use myDate in the component.

[Maciejszuchta]

@Gillardo parsing string to date object helped.
What I did was:
<input type="text" ng-init="item.value = parseDate(item.value); ....."

And parseDate looks like this:

$scope.parseDate= function(date) { try { date = new Date(date); } catch (err) { console.log(err); } return date; }

Thanks for advice :)

[Gillardo]

No problem! glad its working