Handlerbars access Array variable

Question

I'm working with Handlebars in an Express application. From the server-side I'm passing an array of dates as strings:

reqCtrl.dateController = async (req, res) => {
...
var dates = [
    "2020-09-27",
    "2020-09-28",
    "2020-09-29",
    "2020-09-30",
    "2020-10-01",
    "2020-10-02",
    "2020-10-03",
    "2020-10-04",
  ];

  console.log(dates);
  //Resulting in: ['2020-09-27', '2020-09-28', '2020-09-29', '2020-09-30', '2020-10-01', '2020-10-02', '2020-10-03', '2020-10-04']
  res.render("requests/...", 
    dates
  });
}

However, on the client side, with the following expression I get different values.

<script>
console.log({{ dates }})
//Resulting in:  1984 1983 1982 1981 2009 2008 2007 2006
</script>

Am I missing something? How can I render the correctly formatted date?

The issue was that it was subtracting the numbers rather than showing the string — Hichame Yessou
– Hichame Yessou, Commented Oct 29, 2021 at 13:46

Adam Specker · Accepted Answer · 2020-10-16 15:26:58Z

1

What would happen if you rendered <p>{{dates}}</p>, instead of console logging it? Either way, you will likely want to iterate through arrays to render when using handlebars. This is done with #each.

<ul>
  {{ #each dates}}
    <li>{{this}}</li>
  {{/each}}
</ul>

answered Oct 16, 2020 at 15:26

Adam Specker

4223 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

Handlerbars access Array variable

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related