Does Date.parse work inside angular expression?

Question

I have the following code:

function Ctrl($scope)
{
    $scope.dt = new Date('2012-07-16T00:00:00');
    var format = 
    {
    	day: '2-digit',
      month: '2-digit',
      year: 'numeric'
    };
    $scope.dateTimeFormatter = Intl.DateTimeFormat('es-es', format);
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app ng-controller="Ctrl">
In: {{dt}} <br/> 
Angular: {{dt | date:'yyyy-MM-dd HH:mm:ss Z'}}
  <div style="background-color:lightgreen;">
    This works: {{dateTimeFormatter.format(dt)}}
  </div>
  <div style="background-color:rgb(251, 123, 89);">
    This doesn't: {{dateTimeFormatter.format(Date.parse('2012-07-16T00:00:00'))}}
  </div>
</div>

Does anybody knows what I'm doing wrong?

Or why the green line works as expected, but the red one doesn't?

Razzka · Accepted Answer · 2016-09-08 08:37:36Z

3

It tries to find Date in scope ($scope.Date), and ofc found nothing.

Add

$scope.Date = Date;

and it'll work:

function Ctrl($scope)
{
    $scope.dt = new Date('2012-07-16T00:00:00');
    var format = 
    {
    	day: '2-digit',
      month: '2-digit',
      year: 'numeric'
    };
    $scope.dateTimeFormatter = Intl.DateTimeFormat('es-es', format);
    $scope.Date = Date;
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app ng-controller="Ctrl">
In: {{dt}} <br/> 
Angular: {{dt | date:'yyyy-MM-dd HH:mm:ss Z'}}
  <div style="background-color:lightgreen;">
    This works: {{dateTimeFormatter.format(dt)}}
  </div>
  <div style="background-color:rgb(251, 123, 89);">
    This doesn't?: {{dateTimeFormatter.format(Date.parse('2012-07-16T00:00:00'))}}
  </div>
</div>

answered Sep 8, 2016 at 8:37

Razzka

6415 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

11 Comments

David Diez Over a year ago

Why my code then shows the current date? How I don't even get an error trying to find Date.parse method?

Razzka Over a year ago

If Angular cannot evaluate expression, it replaces it with empty string. Without any errors. So, {{dateTimeFormatter.format(Date.parse('2012-07-16T00:00:00'))}} rendering in {{dateTimeFormatter.format()}}, which returns current date.

David Diez Over a year ago

{{dateTimeFormatter.format('')}} returns "01/01/1970" but {{dateTimeFormatter.format()}} returns current date; does it returns an empty string or just undefined?

Razzka Over a year ago

Sorry, it returns undefined, not empty string. dateTimeFormatter.format(undefined) returns current date, checked in console.

Razzka Over a year ago

@DavidDiez, You already mentioned that above, Angular is "forgiving": expression evaluation is forgiving to undefined and null and not throws errors.

|

k102 · Accepted Answer · 2016-09-08 08:39:33Z

1

Your dateTimeFormatter.format expects a Date object - and you call it with number, since "The Date.parse() method parses a string representation of a date, and returns the number of milliseconds since January 1, 1970, 00:00:00 UTC" (mdn).

answered Sep 8, 2016 at 8:39

k102

8,1099 gold badges52 silver badges72 bronze badges

2 Comments

David Diez Over a year ago

var dateTimeFormatter = Intl.DateTimeFormat('es-es', { day: '2-digit', month: '2-digit', year: 'numeric' }); dateTimeFormatter.format(Date.parse('2012-07-16T00:00:00')); // returns on Firefox console "16/07/2016", why??

k102 Over a year ago

Date.parse returns number, not a Date object

Collectives™ on Stack Overflow

Does Date.parse work inside angular expression?

2 Answers 2

11 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

11 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related