How to convert string into date?

Question

in my application I want to show the last login of the user. From my backend I get this string: "lastLogin":"2022-02-22T06:02:53.585764600Z". In my frontend, I display it with:

<label class="lastVisitLabel">Last visit {{$store.state.user.lastLogin}}</label>

How can I format this string to a date type so I can use methods like .getHours() usw...

This is a json string, convert it to a javascript object and parse it with date() — Kurt Van den Branden, Feb 22 '22 at 06:37
Does this answer your question? [Parsing a string to a date in JavaScript](https://stackoverflow.com/questions/5619202/parsing-a-string-to-a-date-in-javascript) — Mohammed Alwedaei, Feb 22 '22 at 06:38
@KurtVandenBranden {{date($store.state.user.lastLogin)}} when I try this, it says that date is not a function — FloHawafoena, Feb 22 '22 at 06:40
@MohammedAlwedaei not really, is there possibility to cast it inside the brackets? — FloHawafoena, Feb 22 '22 at 06:41

score 1 · Answer 1 · answered Feb 22 '22 at 06:35

1

// Just pass string to new Date method
const customDate = new Date("2022-02-22T06:02:53.585764600Z");

// Test
console.log(customDate.getHours());

answered Feb 22 '22 at 06:35

tarkh

2,424
1
9
12

score 0 · Answer 2 · answered Feb 22 '22 at 06:44

0

I already found the answer for my problem,

{{Date($store.state.user.lastLogin)}}

Just use this to cast the string inside the brackets

answered Feb 22 '22 at 06:44

FloHawafoena

37
4

score 0 · Answer 3 · answered Feb 22 '22 at 06:49

A possible solution is that you can pass the string date from the backend into a Date object. And only then you will be able to use Date methods.

or in your case

{{Date{$store.state.user.lastLogin}}

Please refer to the attached code as a reference.

//Value from DB
const strDate = "2022-02-22T06:02:53.585764600Z";

//Parse the date
const parsedDate = new Date(strDate);

document.querySelector("#display-date").textContent = parsedDate.getHours();

<h1 id="display-date"></h1>

MDN Date docs: Date

W3schools Date Objects

How to convert string into date?

3 Answers3