Нет даты с использованием bootstrap datepicker

Question

Я использую этот js bootstrap-datetimepicker.min.js в реализации datepicker, но угловым способом. Но я удивляюсь, почему нет даты или когда я пытался отобразить выбранную дату, но дата не отображается.

Вот мой код использования этой даты.

<div class="input-group form-group"> 
    <span class="input-group-addon"><i class="md md-event"></i></span> 
     <div class="dtp-container dropdown fg-line"> 
     <input type='text' class="date-picker form-control" data-toggle="dropdown" placeholder="Click here..." name="transaction_date" ng-model="masterlist.transaction_date"> 
    </div> 
</div> 

Когда я попытался показать, какая дата выбрана с помощью этого кода в угловом формате.

{{masterlist.transaction_date}} 

Нет отображения или никакого значения.

Что не так с этим кодом? что я должен изменить, чтобы сделать эту работу? Заранее спасибо за помощь.

Answer 1

Почему бы вам не использовать angular material datepicker. Его очень легко реализовать и использовать. Здесь рабочий plunker для вас:

http://plnkr.co/edit/zfY0azlAhD2MjOKm16qy?p=preview

В HTML:

<md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker>