CODEWITHSUNDEEP
javascriptreactjsdayjs
Vikrant Bhat
Vikrant Bhat

Reputation: 2608

How can I format time to a dayjs object?

I have the following code


import dayjs from 'dayjs'

const abc = dayjs("09:00:00")
console.log(abc)

abc in console is

an invalid date

how can I make this into a valid date, the condition being the input is always going to be in format "09:00:00"

Upvotes: 19

Views: 50715

Answers (3)

Alexander Gvozd
Alexander Gvozd

Reputation: 161

For Angular 16+

import * as dayjs from 'dayjs';

const dayjsObjectTime = dayjs('09:00:00', 'HH:mm:ss');

Also dayjs has a method .toDate() if you want to get a Date format object from a dayjs object.

const dateObject = dayjs('09:00:00', 'HH:mm:ss').toDate()

Upvotes: 0

Capella
Capella

Reputation: 1001

If you installed dayjs using npm, you can use CustomParseFormat plugin like this.

import dayjs from "dayjs";
import customParseFormat from "dayjs/plugin/customParseFormat";

dayjs.extend(customParseFormat);
const day = dayjs("09:00:00", "HH:mm:ss");
console.log(day);

Upvotes: 18

Alex Studer
Alex Studer

Reputation: 722

To get this to work, you'll need to enable the CustomParseFormat plugin. Then you can specify a format string for dayjs to use. For example:

const abc = dayjs("09:00:00", "HH:mm:ss");
console.log(abc);

Will result in the following:

The result of abc

You can read about the different options for the format string at the dayjs documentation: https://day.js.org/docs/en/parse/string-format

Upvotes: 35

Related Questions