Render an Observable Date with the Async and Date Pipes

Share this video with your friends

Send Tweet

Instead of simply pushing numbers on a timer into the template, now we'll move on to pushing actual Dates. We'll still use the Async pipe, but we'll also add on the Date pipe with some formatting to display the Date just the way we want it.

John Jones
John Jones
~ 8 years ago

The date pipe won't work in the current release of Safari as of 2016 June 25. Angular2 will self-immolate and very helpfully tell you that the problem arose in [object Object]. If you're trying to get this to work, you'll need to add the Intl polyfill to your index.html.

  1. Install the Intl package. npm install --save intl

  2. Then, for English locale, in your index.html under the other "polyfills" you must already have, add:

<script src="node_modules/intl/dist/Intl.js"></script>
<script src="node_modules/intl/locale-data/jsonp/en.js"></script>
RAIIST
RAIIST
~ 7 years ago

What IDE are you using that autopopulates your imports so well?