Using AngularJS with Kendo UI

Question

I'm currently working on an AngularJS project. In this project, I need to use the Kendo UI components. I found the Kendo / AngularJS Directives here. Unfortunately, I have been unable to get a date picker to work. Currently, I have the following code in a partial that I added to the sample app on the GitHub page:

<div>
  <b>Birth Date</b>

  <div id="theDate" ng-model="birthDate" kendo-date-picker k-format="MM/dd/yyyy"></div>
  <br />
  Current Choice: <div>{{birthDate}}</div>
</div>

When the user visits '/birth-date' (I setup a route in app.js), the view appears as desired. This view shows the date picker. However, when I choose a date, that date does not appear in the text field. For the sake of testing, I display the selected date below the date picker. I can see that value getting updated as I choose dates.

What am I doing wrong?

Thank you!

Atanas Korchev · Accepted Answer · 2013-10-15 14:07:37Z

3

The following seems to work fine for me:

<div ng-controller="MyController">    
  {{birthday}}
  <input kendo-date-picker ng-model="birthday" k-format="MM/dd/yyyy" />
</div>

Here is a live demo: http://jsbin.com/UhAQabi/2

answered Oct 15, 2013 at 14:07

Atanas Korchev

30.6k8 gold badges62 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using AngularJS with Kendo UI

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related