title: How to get the date time value from input
body: <p>I'm using <a href="https://github.com/Eonasdan/bootstrap-datetimepicker" rel="nofollow noreferrer">datetimepicker library</a> from github for my angular project. It's working fine when I select the date and time. But when I add <code>ng-model</code> to the input field, and retrieve it, the input field shows empty. It doesn't update the field based on the ng-model. </p>
  
  <p><strong>Directive</strong></p>
  
  <pre><code>App.directive('jsDatetimepicker', function () {
   return {
      link: function (scope, element, attrs) {
          var options = (typeof scope.$eval(attrs.jsDatetimepicker) !== 'undefined') ? scope.$eval(attrs.jsDatetimepicker) : new Object();
  
          jQuery(element).datetimepicker({
              format: options.format ? options.format : false,
              useCurrent: options.useCurrent ? options.useCurrent : false,
              locale: moment.locale('' + (options.locale ? options.locale : '') +''),
              showTodayButton: options.showTodayButton ? options.showTodayButton : false,
              showClear: options.showClear ? options.showClear : false,
              showClose: options.showClose ? options.showClose : false,
              sideBySide: options.sideBySide ? options.sideBySide : false,
              inline: options.inline ? options.inline : false,
              icons: {
                  time: 'si si-clock',
                  date: 'si si-calendar',
                  up: 'si si-arrow-up',
                  down: 'si si-arrow-down',
                  previous: 'si si-arrow-left',
                  next: 'si si-arrow-right',
                  today: 'si si-size-actual',
                  clear: 'si si-trash',
                  close: 'si si-close'
              }
          });
      }
   };
  });
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;input id="example-datetimepicker5" data-js-datetimepicker="" type="text" name="example-datetimepicker5" placeholder="Choose a date.." ng-model="news.new_date" class="form-control"/&gt;
  &lt;label for="example-datetimepicker5"&gt;Date&lt;/label&gt;
  &lt;button ng-click="CreateNews()" type="button" class="btn btn-sm btn-primary"&gt;&lt;i class="fa fa-check"&gt;&lt;/i&gt; Create&lt;/button&gt;
  </code></pre>
  
  <p><strong>Controller</strong></p>
  
  <pre><code>$scope.news = {};
  $scope.news.new_date = "";
  $scope.CreateNews = function(){
   alert(JSON.stringify($scope.news.new_date));
  }
  </code></pre>
  
  <p><strong>Output</strong></p>
  
  <pre><code>new_date returns empty
  </code></pre>
  
  <p><strong>Expected</strong></p>
  
  <pre><code>new_date returns datetime
  </code></pre>