Integer Padding

Pad the integer part to a specified number of digits.

Syntax

calc("5 | !i:3"); // '005'
calc("1 | !i:2"); // '01'
calc("123 | !i:2"); // '123' (already 3 digits)
calc("1.5 | !i:3"); // '001.5'
calc("-1 | !i:3"); // '-001'

Variable Width

calc("5 | !i:@pad", { pad: 3 }); // '005'
calc("a | !i:@b", { a: 5, b: 4 }); // '0005'

Combining with Other Formatting

calc("1.5 | !i:3 =2"); // '001.50'
calc("5 | +!i:3"); // '+005'
calc("-5 | +!i:3"); // '-005'
calc("5 | +!i:3 !um:$"); // '+$005'

Real-World Examples

Order Numbers

const orderId = 42;
calc(`${orderId} | !i:6`); // '000042'

Time Display

const h = 9,
  m = 5,
  s = 3`${calc(`${h} | !i:2`)}:${calc(`${m} | !i:2`)}:${calc(`${s} | !i:2`)}`;
// '09:05:03'

Sequence Numbers

[1, 2, 3, 10, 100].map((n) => calc(`${n} | !i:3`));
// ['001', '002', '003', '010', '100']