JavaScript: Get 12-hour format of an hour with leading zeros

Last update on April 24 2023 07:03:42 (UTC/GMT +8 hours)

JavaScript Datetime: Exercise-33 with Solution

Write a JavaScript function to get the 12-hour format of an hour with leading zeros.

Test Data:
dt = new Date(1989, 10, 1);
console.log(hours_with_zeroes(dt));
"12"

Sample Solution:-

HTML Code:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JavaScript function to get 12-hour format of an hour with leading zeros</title>
</head>
<body>

</body>
</html>

JavaScript Code:

function hours_with_zeroes(dt) 
{ 
  return ((dt.getHours() % 12 || 12) < 10 ? '0' : '') + (dt.getHours() % 12 || 12);
}

dt = new Date(); 
console.log(hours_with_zeroes(dt)); 

dt = new Date(1989, 10, 1); 
console.log(hours_with_zeroes(dt));

Sample Output:

03
12

Flowchart:

Live Demo:

See the Pen JavaScript - Get 12-hour format of an hour with leading zeros-date-ex-33 by w3resource (@w3resource) on CodePen.

Improve this sample solution and post your code through Disqus

Previous: Write a JavaScript function to swatch Internet time (000 through 999).
Next: Write a JavaScript function to get 24-hour format of an hour without leading zeros.