timedropper

timedropper is a jQuery UI timepicker. Manage time input fields in a standard form. Focus on the input to open an small interactive timepicker.

Usage and Examples

Fork features

use 24 hour format

$( "#alarm" ).timeDropper({format24Hours: true})

You will see time in 24 hour format on the clock and in the input field.

set a earliest time border

$( "#alarm" ).timeDropper({earliestTime: "08:00"})

When a user chooses a time below the limit, then the time is setted to the earliest time. E.g. a if you set the earliestTime option to 08:00 and a user chooses 07:30, then time goes up to 08:00.

set a latest time border

$( "#alarm" ).timeDropper({latestTime: "20:00"})

When a user chooses a time above the limit, then the time is setted to the latest time. E.g. a if you set the latestTime option to 20:00 and a user chooses 21:30, then time goes up to 20:00.

Added time dropper with single control for both hours and minutes

$( "#alarm" ).timeDropOne({minutesIntervalPerHour: 4})