How to format date in meteor template

meteor handlebars.js
I'm nidhin picture I'm nidhin · Feb 28, 2014 · Viewed 18k times · Source

I need to display a date from database in the format 'mm-dd-yyyy'. As its saved in ISO format in mongodb how can I convert it in the template ? Here is my code.

       Template.templatename.vname = function () {      
        return Posts.find(); 
        }

And in template 

{{#each vname}}
    {{ date }} 
{{/each}}

Now its getting displayed like Tue Feb 04 2014 00:00:00 GMT+0530 (IST)

I need to show it as mm-dd-yyyy

Answer

David Weldon picture David Weldon · Feb 28, 2014

You may want to create a global helper like:

Template.registerHelper('formatDate', function(date) {
  return moment(date).format('MM-DD-YYYY');
});

Then you can use it like:

{{#each vname}}
  {{formatDate date}}
{{/each}}

This solution depends on moment which is a handy date manipulation library. If you prefer to produce the string without using moment, there are a number of answers for this including this one.

Related questions

Format a date from inside a Handlebars Template in Meteor

I got a ISO formatted Date from my Data and what I actually want to do, is to modify my date format directly from my Templates. like this: {{format my.context.date "myFormat"}} I'm using the moment library, so I …

Read More
How to use multiple parameters in a handlebar helper with meteor?

I am trying to create a custom helper using Meteor. Following to the doc here: https://github.com/meteor/meteor/wiki/Handlebars I have tried to define my helper as follows: Template.myTemplate.testHelper = function(foo, bar, options) { console.log(…

Read More
event.target is undefined in events

How can one use each input values in events? Hope my below code will explain you well. HTML: <template name="UpdateAge"> {{#each Name}} <div data-action="showPrompt"> <div> Some content </div> <div&…

Read More