title: AngularJS UI Bootstrap Datepicker Date Format in Controller is not correct
body: <p>I am using a datepicker in my html page as follows:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>  &lt;div ng-controller="StartDateCtrl"&gt;
      &lt;label class="control-label" for="startDate"&gt;  Date:&lt;/label&gt;   
      &lt;div class="row"&gt;
          &lt;div class="col-md-6"&gt;
              &lt;p class="input-group"&gt;
                &lt;input type="text"  name="startDate" class="form-control" show-button-bar="true" datepicker-popup="yyyy-MM-dd" ng-model="startDate" is-open="opened" min="minDate" max="'22-06-2015'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" /&gt;
                &lt;span class="input-group-btn"&gt;
                  &lt;button class="btn btn-default" ng-click="open($event)"&gt;&lt;i class="glyphicon glyphicon-calendar"&gt;&lt;/i&gt;&lt;/button&gt;
                &lt;/span&gt;
              &lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;/div&gt; 
  </code></pre>
  
  <p><strong>DATE PICKER CONTROLLER</strong></p>
  
  <pre><code>var StartDateCtrl= function ($scope) {
    $scope.today = function() {
      $scope.travelStartDate = new Date();
    };
    $scope.today();
  
    $scope.showWeeks = true;
    $scope.toggleWeeks = function () {
      $scope.showWeeks = ! $scope.showWeeks;
    };
  
    $scope.clear = function () {
      $scope.travelStartDate = null;
    };
  
    // Disable weekend selection
    $scope.disabled = function(date, mode) {
      return ( mode === 'day' &amp;&amp; ( date.getDay() === 0 || date.getDay() === 6 ) );
    };
  
    $scope.toggleMin = function() {
      $scope.minDate = ( $scope.minDate ) ? null : new Date();
    };
    $scope.toggleMin();
  
    $scope.open = function($event) {
      $event.preventDefault();
      $event.stopPropagation();
  
      $scope.opened = true;
    };
  
    $scope.dateOptions = {
      'year-format': "'yy'",
      'starting-day': 1
    };
  
    //$scope.formats = ['dd-MMMM-yyyy', 'yyyy/MM/dd', 'shortDate'];
    $scope.formats = ['yyyy-MM-dd'];
    $scope.format = $scope.formats[0];
  };
  </code></pre>
  
  <p><strong>MAIN CONTROLLER</strong></p>
  
  <pre><code>app.controller('UpdateShoppingBasketCtrl', ['$scope', 'ShoppingBasketFactory', '$location',
                                    function ($scope, ShoppingBasketFactory, $location) {
  
  
          alert('START DATE = '+ $scope.startDate );
  }]);
  </code></pre>
  
  <p>When the web page is submited, I am retriving the date in the main form controller but the format is different from what is displayed in my date picker popup.
  The format shown after selection is for instance '26/03/2014'.
  But, in my controller I get :
  Thu Mar 26 2014 00:00:00 GMT 0000 (GMT Standard Time)</p>
  
  <p>Please, How do I get the displayed date format in the controller and NOT the "Thu Mar 26 2014 00:00:00 GMT 0000 (GMT Standard Time)"????</p>