how to set initial value for date-time-picker when using Angular

[Allan]

Hi,

I am trying to set an initial value of the kendo date time picker using the k-value attribute but it does not work for me:

        <input kendo-date-time-picker
               ng-model="str"
               k-ng-model="obj"
               style="width: 100%;"
               k-value="'12/15/2016 12:00 AM'"/>

 

I am able to reproduce this problem using the kendo angular demo for the date time picker.  How can I set an initial value for the date time picker?

 

Thanks

[Dimiter Topalov]

Hi Allan,

If the widget is bound via k-ng-model, this overrides the k-value directive. You can either use k-value only, or provide an initial value in the scope for the k-ng-model binding:

http://dojo.telerik.com/ocAhu 

... or

http://dojo.telerik.com/ocAhu/2

I hope this helps.

Regards,
Dimiter Topalov
Telerik by Progress

[Nitin]

Hi Dimiter, I want default value and also want the changed value in dom

[Tsvetomir]

Hi Nitin, the default value could be set inside the controller. If you are using the k-ng-bind, you should supply a value to the property to which the k-ng-bind is specific, e.g http://dojo.telerik.com/akEsoKaG. 

Could you share more information on what default value would you like to set? In general, if the value is changed inside the picker, it is reflected in the DOM automatically.

[Allan]

Thanks Dimiter.  I assume the same holds true if I use just the ng-model attribute and not k-ng-model?

[Dimiter Topalov]

Hi Allan,

This is correct:

http://dojo.telerik.com/ocAhu/7

However, in this case please take into account the differences between the ng-model and k-ng-model binding, as described in the following section of our documentation:

http://docs.telerik.com/kendo-ui/AngularJS/introduction#scope-bindings

Regards,
Dimiter Topalov
Telerik by Progress