LudoJS

ludo.calendar.TimePicker

ludo.calendar.

new ludo.calendar.TimePicker(config)

Time Picker module

Parameters:
Name Type Description
config object

Config object

Properties
Name Type Description
hours number

Initial hours
minutes number

Initial minutes
clockBackground String

Background color of "Watch face"
hourColor String

Color of hours text, default: #555555
minuteColor String

Color for the minute text, default: #555555
handColor String

Color of Arrow Hand indicating selected hours and minutes. default: #669900
handTextColor String

Color of hour and minute text on the hour/minute hand. default: #FFFFFFF
minuteDotColor String

Color of small dot inside the hour/minute hand., default: #FFFFFF
Source:
Fires:
  • ludo.calendar.TimePicker#mode Fired when switching from hours to minutes.event: Argument: {String} "hours" or "minutes"
  • ludo.calendar.TimePicker#time Fired when either hours or minutes have been changed. Example: var t = new ludo.calendar.TimePicker({ layout:{width:500,height:500}, renderTo:document.body, listeners:{ // Listener for the "time" event 'time' : function(hour, minutes, timeAsString){ // timeString in format HH:MM, example: 11:48 console.log(timeAsString); } }); event:

Methods

restart()

Show hours

Source: