CODEWITHSUNDEEP
javascriptdatereact-native
Queen
Queen

Reputation: 571

How to make special format of date and time in javascript

I need to extract date and time separately from the following format. The total date and time format is in props.info.positionState.timeEnter:

2017-11-06 16:55:10

Now, I need to put 2017-11-06 in timeEnter_date and also I need to put 16:55 in the timeEnter_time.

My code is like below: 

this.state = {
          timeEnter_date : (props.info.positionState.timeEnter),
          timeEnter_time : (props.info.positionState.timeEnter),
        };

I should mentioned that, I used .format("hh:mm"), but, it did't work for me. Can you help me how to manage it?

Upvotes: 1

Views: 64

Answers (2)

Martin
Martin

Reputation: 4222

The best date-time handling lib in javascript is momentjs.

this.state = {
  timeEnter_date: moment(props.info.positionState.timeEnter).format('YYYY-MM-DD'),
  timeEnter_time: moment(props.info.positionState.timeEnter).format('HH:mm:ss')
};

Here is .format method docs

Upvotes: 4

coudy.one
coudy.one

Reputation: 1420

In vanilla javascript is solusion:

this.state = {
  timeEnter_date: new Date(props.info.positionState.timeEnter).toISOString().slice(0, 10),
  timeEnter_time: new Date(props.info.positionState.timeEnter).toISOString().slice(11, 16)
};

Upvotes: 1

Related Questions