Options guide of timedropper

How to set an option

Set an option by using Javascript

You can set an option during the initialization by customizing the related .timeDropper() function.

$('.roundtrip-input').timeDropper({
  format: 'hh:mm'
});

Options and default values

timedropper provides you with several options to customize your time pickers.

Basic options

• format
• meridians
• init_animation
• setCurrentTime

Advanced options

• mousewheel
• autoswitch
• minutesSteps

Basic options

format

Returns a string formatted according to the given format string

FEATURES

PERMITTED VALUES

EXAMPLE

$('#myInput').timeDropper({
  format: 'h:m A'
});

meridians

Set time in 12-hour clock in which the 24 hours of the day are divided into two periods.

FEATURES

EXAMPLE

$('#myInput').timeDropper({
  meridians: true
});

init_animation

Animation style to use when init timedropper.

FEATURES

EXAMPLE

$('#myInput').timeDropper({
  init_animation: 'dropDown'
});

setCurrentTime

Sets automatically current time by default value.
If "false", the input value is considered as main time.

FEATURES

EXAMPLE

$('#myInput').timeDropper({
  setCurrentTime: false
});

Advanced options

autoswitch

Changes hour-minute or minute-hour on mouseup/touchend.

FEATURES

EXAMPLE

$('#myInput').timeDropper({
  autoswitch: true
});

mousewheel

Enables time change using mousewheel.

FEATURES

EXAMPLE

$('#myInput').timeDropper({
  mousewheel: false
});

minutesSteps

It specifies the granularity that the value must adhere to. The value must be one of these permitted options [5, 10, 15, 20, 25, 30] otherwise it will be considered false.

FEATURES

EXAMPLE

$('#myInput').timeDropper({
  minutesSteps: 15
});