w3resource

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

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:

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

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.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Follow us on Facebook and Twitter for latest update.