title: How can I display the right dateformat with angular bootstrap datepicker?
body: <p>I am using the bootstrap datepicker for angular but having issues with displaying the correct dateformat. The format I am getting now is:
  "2015-09-08T00:56:40.272Z". The format I want is dd-mmm-yyyy.</p>
  
  <p>This is my datepicker:</p>
  
  <pre><code>&lt;p class="input-group"&gt;
  
    selected date:{{dt}}
  
      &lt;input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="dt"
             is-open="opened" datepicker-options="dateOptions"
             date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" my-date/&gt;
  
                &lt;span class="input-group-btn"&gt;
  
                  &lt;button type="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;
  </code></pre>
  
  <p>I tried this:
  <a href="https://stackoverflow.com/questions/24198669/angular-bootsrap-datepicker-date-format-does-not-format-ng-model-value">Angular bootstrap datepicker date format does not format ng-model value</a>.</p>
  
  <p>But did not fix the issue. How can I get the right dateformat?</p>
  
  <p>plunkr:<a href="http://plnkr.co/edit/CbNHCl?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/CbNHCl?p=preview</a></p>