Datepicker not binding formatted value

Question

This is probably an easy question, but I'm having a problem with this datepicker. The problem is I set the format to `dd/mm/yyyy` with `data-date-format` attribute. However, when checking my `ng-model` the value is the following: `Wed Jul 17 2013 00:00:00 GMT+0000 (Greenwich Standard Time)` What I want is it to bind to `dd/mm/yyyy` format. How can I fix this? Here is my code: ``` Frá

``` Update 18.07.13: 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. JavaScript code is following: ``` $scope.$watch('booking.Booking.DateFrom', function(v){ // using the exa…

Accepted Answer

This can easily be done without a plugin. Using this post you can create a $scope variable with the correct formatting.

Example:

```
$scope.$watch('datepicker.date', function(v){ // using the example model from the datepicker docs
    var d = new Date(v);
    var curr_date = d.getDate();
    var curr_month = d.getMonth() + 1; //Months are zero based
    var curr_year = d.getFullYear();
    $scope.modDate = curr_date + "/" + curr_month + "/" + curr_year;
    console.log($scope.modDate)
})
```

FORKED DEMO - open console

Datepicker not binding formatted value

Solution

Problem

Related problems