title: Datepicker not binding formatted value
body: <p>This is probably an easy question, but I'm having a problem with <a href="http://mgcrea.github.io/angular-strap/#/datepicker" rel="nofollow">this datepicker</a>. The problem is I set the format to <code>dd/mm/yyyy</code> with <code>data-date-format</code> attribute. However, when checking my <code>ng-model</code> the value is the following: <code>Wed Jul 17 2013 00:00:00 GMT+0000 (Greenwich Standard Time)</code></p>
  
  <p>What I want is it to bind to <code>dd/mm/yyyy</code> format.</p>
  
  <p>How can I fix this?</p>
  
  <p><strong>Here is my code:</strong></p>
  
  <pre><code>&lt;label for="inputDateFrom"&gt;Frá&lt;/label&gt;
  &lt;div class="control-group input-append"&gt;
      &lt;input type="text" ng-model="booking.Booking.DateFrom" data-date-format="dd/mm/yyyy" bs-datepicker&gt;
      &lt;button type="button" class="btn" data-toggle="datepicker"&gt;&lt;i class="icon-calendar"&gt;&lt;/i&gt;&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Update 18.07.13:</strong></p>
  
  <p>According to rGil's answer I tried to use $scope.$watch. It works fine but first it gets the CORRECT date (from getBooking() service function), then it changes to the CURRENT date - which is not the date.</p>
  
  <p><strong>JavaScript code is following:</strong></p>
  
  <pre><code>$scope.$watch('booking.Booking.DateFrom', function(v){ // using the example model from the datepicker docs
      $scope.booking.Booking.DateFrom = moment(v).format();
      alert(moment(v).format());
  });
  
  $scope.$watch('booking.Booking.DateTo', function(v){ // using the example model from the datepicker docs
      $scope.booking.Booking.DateTo = moment(v).format();
      alert(moment(v).format());
  });
  
  // Sækjum staka bókun
  if(bookingID != null) {
      BookingService.getBooking(bookingID).then(function(data) {
          $scope.booking = data.data;
          $scope.booking.Booking.DateFrom = moment($scope.booking.Booking.DateFrom);
          $scope.booking.Booking.DateTo = moment($scope.booking.Booking.DateTo);
      });
  }
  </code></pre>
  
  <p><strong>Then my HTML is the following:</strong></p>
  
  <pre><code>&lt;label for="inputDateFrom"&gt;Frá&lt;/label&gt;
  &lt;div class="control-group input-append"&gt;
          &lt;input type="text" ng-model="booking.Booking.DateFrom" data-date-format="dd-mm-yyyy" bs-datepicker&gt;
          &lt;button type="button" class="btn" data-toggle="datepicker"&gt;&lt;i class="icon-calendar"&gt;&lt;/i&gt;&lt;/button&gt;
  &lt;/div&gt;
  
  &lt;label for="inputDateTo"&gt;Til&lt;/label&gt;
  &lt;div class="control-group input-append"&gt;
          &lt;input type="text" ng-model="booking.Booking.DateTo" data-date-format="dd-mm-yyyy" bs-datepicker&gt;
          &lt;button type="button" class="btn" data-toggle="datepicker"&gt;&lt;i class="icon-calendar"&gt;&lt;/i&gt;&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>