bsTimeDurationINTERACTIVE DEMO
A little time to experiment

bsTimeDuration — Duration to Minutes Generator

Download This Plugin Back To jQueryScript

Type a duration, try a different format, and see the total minutes. Adjust the rules and explore every input in action.

01 /

Make it your time

Choose a sample or type your own. Click outside to format.

Total minutes90 Formatted duration1h 30m Valid duration
Customize the rules

480 = 8 hours · 1440 = 24 hours

5 = workweek · 7 = calendar week

8-hour days · 5-day weeks
Preview the named field submitted by this form.
02 /

Find your fit

Control sizes
Floating labels
Time
total
Input groups
Estimate
billable
03 /

Take the controls

Active · 150 submitted minutes

Choose an action to see its result.

Parse & format

{ "valid": true, "minutes": 3555 }
1w 2d 3h 15m

Methods and style samples use 8-hour days and 5-day weeks.

04 /

Watch it happen

Live event stream

Playground events via all.bs.timeDuration · newest first

Type to trigger userChange; change the value for change; try 2:75 for invalid.

  1. Edit the playground duration to see events here.