How to Format Time in hh:mm:ss Using Moment.js

---

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---

The Problem

[[See Video to Reveal this Text or Code Snippet]]

While this works fine for larger durations, let's consider when the input is something less than a minute, such as:

[[See Video to Reveal this Text or Code Snippet]]

In this case, the output is not the expected 00:00:35 but rather just 35, as it's not padding with zeros.

The Solution

To solve this issue, we can leverage the trim option provided in the moment duration format function. Setting trim to false will ensure that all time fields are displayed, even when they are zero.

Step-by-Step Implementation

[[See Video to Reveal this Text or Code Snippet]]

Modify your code to include the trim option. Here's how the adjusted code should look:

[[See Video to Reveal this Text or Code Snippet]]

Explanation

.format("hh:mm:ss", { trim: false }):

The string "hh:mm:ss" specifies the desired format.

The { trim: false } option ensures that all parts of the time are shown, even if they are zero (i.e., hours and minutes).

By following these steps, you'll ensure that your time formatting is consistent and correctly displays durations less than one minute in the format you desire.

Conclusion