datepicker doesn't show initially value (angular)

[Andrey]

I'm using this example http://demos.telerik.com/kendo-ui/datepicker/angular. If I try to set initial values for dateString and/or dateObject datepicker doesn't show this initial value.

[Andrey]

Was fixed.

[Ryan]

Any ideas on how this was fixed? I'm having the same issue. AngularJS, newest KendoUI download, code below. vm.dateTime is an isodate, don't know if that causes issues.

<input kendo-date-time-picker k-ng-model="vm.dateTime" />

 ​

[Andrey]

add also ng-model="vmDate" where vmDate = kendo.toString($scope.vm.dateTime, 'u')

[Ryan]

Thank Audrey! I'm using Typescript so in my API call to my resource, on success I put that code in and it works! For future people, this is what it generally looks like.

 this._$scope.vm = this;

    this._​someResource.​myResource.get({
                org: this.orgId
            }, angular.bind(this, (​someSchedule: ​any) => {
                this.​someSchedule = ​someSchedule;
                ​_$scope.vmDate = kendo.toString(​_$scope​.someSchedule.​dateTime, 'u');
            }),
            (response: any) => {
                console.log("Fail: get");
            });​

 

and in the view I had <input id="datetimepicker-runOnce" kendo-date-time-picker k-ng-model="vm.​someSchedule.dateTime" ng-model="vmDate" />

 

 

[Ryan]

As a side note, the reason I needed this work around is because I created a typescript model ​declaring .someSchedule.​dateTime as a type :Date. This directive requires a string and therefore me changing the dateTime: type to string or any would also fix this issue.

[Ryan]

Spoke too soon. The date is working but the Time comes up as midnight no matter what I do. I tried pushing in ISO 8601 date strings and it doesn't appear to like them. I also tried using the parseDate function and it didn't like that either. Any ideas?

[Kiril Nikolov]

Hello Ryan,

 

I am afraid that the issue is not a known one, nor is reproducible in our online demos, so please extract a runnable sample in a Kendo UI Dojo and we will be happy to help.

 

Regards,
Kiril Nikolov
Telerik

 

 

[Mike]

http://demos.telerik.com/kendo-ui/datetimepicker/angular

 This problem is still present in the online demos. I cannot get the field to initialize properly. Can someone give me a workaround for it?

[Kiril Nikolov]

Hello Mike,

 

Is this the issue that you are referring to:

 

https://github.com/telerik/kendo-ui-core/issues/1155

 

If this is the case, then please note that the issue is resolved and the fix will be available with the next release.

 

Regards,
Kiril Nikolov
Telerik

 

 

[kdubious]

The issue is still there:

https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/

Click Run Code under the Date Ranges example.

There's a value set in the model, but the UI doesn't show it.

 

Removing the #someID="ngmodel" & [(ngModel)]="value" and adding [(value)] fixes that issue, but then you lose the ability to read the errors from the ngModel.

 

Ideas?

[Stefan]

Hello, Kevin,

Thank you for reporting this.

Please have in mind that this a forum for the Kendo UI for jQuery and the Angular in the name refers to AngularJS(1). The forum is from 2015 when Kendo UI for Angular 2+ was not released.

I will forward this to the relevant team for inspecting it.

Also, I can recommend submit a ticket for the Kendo UI for Angular 2+ product or to write a post in the dedicated forum:

https://www.telerik.com/forums/kendo-angular-ui

Also, the issue could be with the plunker as well, but the Angular 2+ team can provide more details:

https://github.com/telerik/kendo-angular/issues/1129

Regards,
Stefan
Progress Telerik