How to format only time in date fns

Question

I want to format 12-hour time to 24-hour time using format() function from date-fns library, however, I got an error.

This is the code:

 import {format} from 'date-fns'

 const convertFrom12HourTimeTo24HourTime = (twelveHourTime: TwelveHourTime) => {
    const { hour, minute, meridiem } = twelveHourTime;

    const toFormatTime = new Date(`${hour}:${minute} ${meridiem}`);

    const formattedTime = format(toFormatTime, 'HH:mm');

    console.log(formattedTime);
}

`new Date(`${hour}:${minute} ${meridiem}`);` won't work, ever .. you can't just pass something like `04:56 AM` to `new Date` — Jaromanda X, Sep 02 '22 at 02:50
`new Date(\`Jan 1 1970 ${hour}:${minute} ${meridiem}\`);` - could possibly work (browser dependant though) — Jaromanda X, Sep 02 '22 at 03:11

some-user · Answer 1 · 2022-09-07T06:20:11.130

0

This should work if you want to use parse from date-fns:

import { parse, format } from 'date-dns'

const convertFrom12HourTimeTo24HourTime = ({ hour, minute, meridiem }: TwelveHourTime) => {
    const toFormatTime = parse(`${hour} ${minute} ${meridiem}`, 'h m a', new Date())

    const formattedTime = format(toFormatTime, 'HH:mm');

    console.log(formattedTime);
}

edited Sep 07 '22 at 06:20

answered Sep 05 '22 at 13:56

some-user

3,888
5
19
43

You misspelled the minute to minutes in line 4 man, perhaps you couldedit it? – Esa Kurniawan Sep 07 '22 at 00:30
Thanks, I corrected it. Does this solution work for you? Apart from the typo ;-) – some-user Sep 07 '22 at 06:20
of course that's work, thanks for the solutions man – Esa Kurniawan Sep 08 '22 at 03:26
Happy to hear that :-) You can also express that by selecting this answer as correct... – some-user Sep 08 '22 at 06:55

How to format only time in date fns

1 Answers1