title: Angularjs Bind values from Datetime Picker
body: <p>I can't display datetime from DateTime picker.
  This is My HTML COde :</p>
  
  <pre><code>&lt;body ng-app="app" ng-controller="mtCtrl"&gt; 
  &lt;div class="col-sm-6"&gt;
  &lt;label style="font-size:12px" for="" class=""&gt;Reporting Time&lt;/label&gt;
  &lt;div class="input-group date form_datetime" data-date-format="HH:ii P" data-link-field="dtp_reporting_time"&gt;
  &lt;input ng-model="reportingtime" name="reportingtime" id="reportingtime" class="form-control" size="16" type="text"&gt;
  &lt;span class="input-group-addon"&gt;&lt;span class="glyphicon glyphicon-time"&gt;&lt;/span&gt;&lt;/span&gt;
  &lt;/div&gt;
  &lt;input type="hidden" id="dtp_reporting_time" /&gt;&lt;br/&gt;    
  &lt;/div&gt;
  
  Time : {{reporting_time}}
  
  &lt;script&gt;
  var app = angular.module("app", []);
  app.controller("mtCtrl", function ($scope) {
  $('.form_datetime').datetimepicker({
      weekStart: 1,
      todayBtn:  1,
      autoclose: 1,
      todayHighlight: 1,
      startView: 2,
      forceParse: 0,
      showMeridian: 1,
  onSelect: function(date){
      angular.element($('#reportingtime')).triggerHandler('input');   
  }   
  });
  $scope.reporting_time = $scope.reportingtime
  });
  &lt;/body&gt;
  </code></pre>
  
  <p>If i am typing some values in this input its showing that values but when i am picking date from datetime picker does not showing that date or time.<br>
  I want to show the time in <code>{{reporting_time}}</code>... Please help me.. Thanks</p>