Timepicker
00:00 — 23:59
Interactive demo

jQuery Timepicker Plugin Demos

Download This Plugin Back To jQueryScript

Pick a time, set a daily schedule, and try the midnight rollover.

01

Choose your time

Open the picker and adjust the hours or minutes with the arrows.

Changes apply immediately. Click outside to close.

Your selected time 09:30 Morning · 9:30 AM
02

Plan your day

Set each time independently. Add another reminder to extend the schedule.

An empty picker starts at 10:11. Use an arrow to save a value.

09:00 → 17:30 · 8h 30m

03

Around the clock

Hours wrap from 23 to 00. Minutes wrap from 59 to 00 independently.

Hour up → 00:59 · Minute up → 23:00

Hour down → 23:00 · Minute down → 00:59

Try either arrow at the edge of the range.

04

Try a starting value

Enter a value or choose a preset, then open it in the picker.

7:5 opens as 07:05. An invalid hour falls back to 10; an invalid minute falls back to 11.

Use an arrow to write the adjusted time back to the field.

Recent changes

  • Adjust a time to see your changes here.