bootstrap-datetimepicker cannot select date

Question

I am new to NodeJS and AngularJS. I am using bootstrap datetimepicker (https://github.com/zhaber/datetimepicker). The example I am following is this one http://plnkr.co/edit/GIaEpg?p=preview

When I create new application and put it in plain HTML file, it works fine. But when I try to integrate it with my application that is using jade template, it cannot select the date in datetimepicker. Rest of the buttons inside date time picker works but only selecting date is not working.

Here is my jade code

.div(id='datetimepicker1', ng-controller='DateTimePickerDemoCtrl')
  datetimepicker(min-date='minDate', show-weeks='showWeeks', hour-step='hourStep', minute-step='minuteStep', ng-model='date', show-meridian='showMeridian', date-format='dd-MMM-yyyy', date-options='dateOptions', date-disabled='disabled(date, mode)', showMinutes='true')

I am using bootstrap 3.0.0 and JQuery 1.10.2

In following image, I clicked on a date, it gets highlighted but in the box it is not updated.

There is no error in chrome developer tool

Any help will be highly appreciated.

Thanks

Answer 1

It was my bad. It was due to rc2 version of angular.js. In my HTML application I was using latest version of angular.js. I updated that to version 1.2.10 and now it works fine.

It had nothing to do with Jade Template or HTML...