Convert custom string into Angular Date

Question

I have a string like "August 24th, 2020" that I need to convert into the "Date" type in Angular. Is there any simple way to do this please?

I've tried this:

const deadline = new Date ("August 24th, 2020")

But that results in "Invalid Date".

You shouldn't rely on Date() parser as it is strongly discouraged, especially for such tough cases. Check out my answer below for possible approach. — Yevhen Horbunkov
– Yevhen Horbunkov, Commented Sep 24, 2020 at 19:35

Yevhen Horbunkov · Accepted Answer · 2020-09-25 08:35:56Z

2

Maybe moment.js is capable to parse that outside of the box, however, if you're not willing to attach external library and maintain its compatibility to the rest of your environment for this purpose only, you may parse that yourself:

const dateStr = "August 24th, 2020",

      parseDate = s => {
        const [, month, dd, yyyy] = s.match(/([a-z]+)\s(\d+)[a-z]+,\s(\d+)/i)||[],
              months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
        return new Date(Date.UTC(yyyy, months.indexOf(month), dd))
      }
      
console.log(parseDate(dateStr))

edited Sep 25, 2020 at 8:35

answered Sep 24, 2020 at 19:34

Yevhen Horbunkov

15.6k3 gold badges27 silver badges46 bronze badges

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

2 Comments

Randy Quaye Over a year ago

I sometimes get an error saying "object null is not iterable (cannot read property Symbol(Symbol.iterator)) at parseDate (job-feed.service.ts:155)" which I don't get

Yevhen Horbunkov Over a year ago

@RandyQuaye : that may happen, when you pass the string date, formatted differently (e.g. '25/09/2020' instead of 'September 25th, 2020'). I have applied slight tweak in the latest edit to return Invalid Date when input string format is different.

Collectives™ on Stack Overflow

Convert custom string into Angular Date

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related