how to display json date in timestamp format in html

Question

I need to convert json date time to string and write it html table cell. Json I am getting is like this:

 "creation": {
        "date": {
            "year": 2022,
            "month": 1,
            "day": 9
        },
        "time": {
            "hour": 10,
            "minute": 14,
            "second": 11,
            "nano": 830000000
        }

I want to display it like this : 1-9-2022 10:14:11:83000000 Is there built-in function in JS. Your help appreciated

you can use Javascript Date() object

balexandre
– balexandre

2022-01-17 21:42:20 +00:00
Commented Jan 17, 2022 at 21:42 — balexandre
– balexandre, Commented Jan 17, 2022 at 21:42

Max G. · Accepted Answer · 2022-01-17 21:44:24Z

1

You can create your own function using template literals, check the doc https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

const creation = {
  date: {
      year: 2022,
      month: 1,
      day: 9
  },
  time: {
      hour: 10,
      minute: 14,
      second: 11,
      nano: 830000000
  }
}

const renderTimestanp = ({date, time}) => `${date.month}-${date.day}-${date.year} ${time.hour}:${time.minute}:${time.second}:${time.nano}`

// will return 1-9-2022 10:14:11:83000000
renderTimestanp(creation)

answered Jan 17, 2022 at 21:44

Max G.

8701 gold badge6 silver badges14 bronze badges

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

Comments

Justinas · Accepted Answer · 2022-01-17 21:42:59Z

0

There is no such build in function, but simple string concatenation will work:

var time = {
  "creation": {
    "date": {
      "year": 2022,
      "month": 1,
      "day": 9
    },
    "time": {
      "hour": 10,
      "minute": 14,
      "second": 11,
      "nano": 830000000
    }
  }
};

console.log(
  '' + time.creation.date.month + '-' + time.creation.date.day + '-' + time.creation.date.year +
  ' ' +
  time.creation.time.hour + ':' + time.creation.time.minute + ':' + time.creation.time.second + ':' + time.creation.time.nano
);

answered Jan 17, 2022 at 21:42

Justinas

43.9k5 gold badges72 silver badges108 bronze badges

5 Comments

Max G. Over a year ago

For this case, it's better to use template literals

Justinas Over a year ago

@Maxime How it's better? Only for readability, but serves same purpose

Max G. Over a year ago

yes for readability

balexandre Over a year ago

readability, understanding, learning... if all we do here in StackOverflow is to help, why not do it in the best way possible? 😊 I'm almost sure if you code-review someone that have written your code, you would ask to improve it 👌💪

kobosh Over a year ago

agree. Maxime solution is reusable and I can call it in places like creation and resolution. Thanks you all

Collectives™ on Stack Overflow

how to display json date in timestamp format in html

2 Answers 2

Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related