HexagonJS
About
InstallationCore ConceptsChangelog[Migration (1.x -> 2.x)]
Tutorials
Getting StartedPrint Styles
Demos
Component Demo Page
Css Components
BaseButtonBadgeError PagesFormInputsInput GroupLabelLayoutLogoNoticeSpinnerTable
Js Components
Alerts and MessagesAutocomplete PickerAutocompleteButton GroupCardCollapsibleColor PickerCrumbtrailData TableDate PickerDate Time PickerDrag ContainerDrawingDropdownDropdown ButtonExtended TableFile InputFluidForm BuilderInline EditableInline PickerInline SelectMenuMeterModalMore ButtonNotifyNumber PickerPaginatorPickerPivot TablePlotProgress BarSide CollapsibleSidebarSingle SelectSliderStepperSticky Table HeadersTabsTag InputTime PickerTime SliderTitlebarToggle ButtonToggleTooltipTreeVisualization Bar
Utilities
AnimateClick DetectorColor ScaleColorComponentEvent EmitterFast ClickFilterFormatInterpolateListMapMorph SectionMorphsPalettePointer EventsPreferencesRequestResize EventsSearch DomSelectSelectionSetSortTransitionUser Facing TextUtilView
Date Time Picker Changelog
2.1.0
hx.DateTimePickeroptionsObject
options
dateDate
Added
The date to initialise the date/time picker with
1.17.0
hx.DateTimePicker
localeDateTimePicker
Updated
#468
Updated the locale method to allow per-instance locales and un-deprecated the locale methods
hx.DateTimePicker
localeString
Updated
#468
Updated the locale method to allow per-instance locales and un-deprecated the locale methods
hx.DateTimePicker
timezoneDateTimePicker
Added
#468
Added a method to allow the setting of per-instance timezones
hx.DateTimePicker
timezoneString
Added
#468
Added a method to allow the setting of per-instance timezones
1.0.0
hx.DateTimePicker
disableDateTimePicker
Removed
Use disabled(true) instead.
hx.DateTimePicker
enableDateTimePicker
Removed
Use disabled(false) instead.
hx.dateTimePickerSelection
Added
Fluid api version of DateTimePicker
0.15.3
hx.DateTimePicker
disableDateTimePicker
Deprecated
Use disabled(true) instead.
hx.DateTimePicker
enableDateTimePicker
Deprecated
Use disabled(false) instead.
0.15.2
hx.DateTimePicker
disableDateTimePicker
Deprecated
Use disabled(true) instead.
hx.DateTimePicker
enableDateTimePicker
Deprecated
Use disabled(false) instead.
hx.DateTimePickeroptionsObject
options
disabledBoolean
Added
Added the ability to disable a date time picker in the options
hx.DateTimePicker
disabledDateTimePicker
Added
Added the ability to disable/enable a date time picker
hx.DateTimePicker
disabledBoolean
Added
Added the ability to get the disabled state of a date time picker
0.14.1
Bugfix
Fixed an issue where the events were firing out of order.
0.14.0
hx.DateTimePicker
Removed
Use hx.DateTimePicker(selector, options) instead.
hx.DateTimePicker
addDays
Removed
Use datetimepicker.day(datetimepicker.day() + days) instead
hx.DateTimePicker
addMonths
Removed
Use datetimepicker.month(datetimepicker.month() + months) instead
hx.DateTimePicker
addYears
Removed
Use datetimepicker.year(datetimepicker.year() + years) instead
hx.DateTimePicker
addHours
Removed
Use datetimepicker.hour(datetimepicker.hour() + hours) instead
hx.DateTimePicker
addMinutes
Removed
Use datetimepicker.minute(datetimepicker.minute() + minutes) instead
hx.DateTimePicker
addSeconds
Removed
Use datetimepicker.second(datetimepicker.second() + seconds) instead
hx.DateTimePicker
dayDateTimePicker
Removed
The suppressCallback parameter has been deprecated. Use datepicker.suppressed(eventName, suppress) to suppress events. This is part of the Event Emitter api
hx.DateTimePicker
monthDateTimePicker
Removed
The suppressCallback parameter has been deprecated. Use datepicker.suppressed(eventName, suppress) to suppress events. This is part of the Event Emitter api
hx.DateTimePicker
yearDateTimePicker
Removed
The suppressCallback parameter has been deprecated. Use datepicker.suppressed(eventName, suppress) to suppress events. This is part of the Event Emitter api
hx.DateTimePicker
hourDateTimePicker
Removed
The suppressCallback parameter has been deprecated. Use timepicker.suppressed(eventName, suppress) to suppress events. This is part of the Event Emitter api
hx.DateTimePicker
minuteDateTimePicker
Removed
The suppressCallback parameter has been deprecated. Use timepicker.suppressed(eventName, suppress) to suppress events. This is part of the Event Emitter api
hx.DateTimePicker
secondDateTimePicker
Removed
The suppressCallback parameter has been deprecated. Use timepicker.suppressed(eventName, suppress) to suppress events. This is part of the Event Emitter api
hx.DateTimePicker
updateDateTimePicker
Removed
Use locale(locale) instead.
hx.DateTimePicker
dateDateTimePicker
Removed
The suppressCallback parameter has been deprecated. Use timepicker.suppressed(eventName, suppress) to suppress events. This is part of the Event Emitter api
0.13.0
hx.DateTimePicker
Deprecated
Use hx.DateTimePicker(selector, options) instead.
hx.DateTimePicker
addDays
Deprecated
Use datetimepicker.day(datetimepicker.day() + days) instead
hx.DateTimePicker
addMonths
Deprecated
Use datetimepicker.month(datetimepicker.month() + months) instead
hx.DateTimePicker
addYears
Deprecated
Use datetimepicker.year(datetimepicker.year() + years) instead
hx.DateTimePicker
addHours
Deprecated
Use datetimepicker.hour(datetimepicker.hour() + hours) instead
hx.DateTimePicker
addMinutes
Deprecated
Use datetimepicker.minute(datetimepicker.minute() + minutes) instead
hx.DateTimePicker
addSeconds
Deprecated
Use datetimepicker.second(datetimepicker.second() + seconds) instead
hx.DateTimePicker
dayDateTimePicker
Deprecated
The suppressCallback parameter has been deprecated. Use datepicker.suppressed(eventName, suppress) to suppress events. This is part of the Event Emitter api
hx.DateTimePicker
monthDateTimePicker
Deprecated
The suppressCallback parameter has been deprecated. Use datepicker.suppressed(eventName, suppress) to suppress events. This is part of the Event Emitter api
hx.DateTimePicker
yearDateTimePicker
Deprecated
The suppressCallback parameter has been deprecated. Use datepicker.suppressed(eventName, suppress) to suppress events. This is part of the Event Emitter api
hx.DateTimePicker
hourDateTimePicker
Deprecated
The suppressCallback parameter has been deprecated. Use timepicker.suppressed(eventName, suppress) to suppress events. This is part of the Event Emitter api
hx.DateTimePicker
minuteDateTimePicker
Deprecated
The suppressCallback parameter has been deprecated. Use timepicker.suppressed(eventName, suppress) to suppress events. This is part of the Event Emitter api
hx.DateTimePicker
secondDateTimePicker
Deprecated
The suppressCallback parameter has been deprecated. Use timepicker.suppressed(eventName, suppress) to suppress events. This is part of the Event Emitter api
hx.DateTimePicker
updateDateTimePicker
Deprecated
Use locale(locale) instead.
hx.DateTimePicker
dateDateTimePicker
Deprecated
The suppressCallback parameter has been deprecated. Use timepicker.suppressed(eventName, suppress) to suppress events. This is part of the Event Emitter api
hx.DateTimePicker
Added
Creates a datepicker and a timepicker and appends them to the selected element.
hx.DateTimePicker
dateDateTimePicker
Added
Sets the currently selected date.
hx.DateTimePicker
dayDateTimePicker
Added
A function used to set the currently selected day.
hx.DateTimePicker
monthDateTimePicker
Added
Sets the currently selected month.
hx.DateTimePicker
yearDateTimePicker
Added
Sets the currently selected year.
hx.DateTimePicker
hourDateTimePicker
Added
Sets the currently selected hour.
hx.DateTimePicker
minuteDateTimePicker
Added
Sets the currently selected minute.
hx.DateTimePicker
secondDateTimePicker
Added
Sets the currently selected second.
hx.DateTimePicker
localeDateTimePicker
Added
A function for updating the locale used in the datetimepicker.
By default, the locale used is 'en-gb' which cannot be changed unless moment.js with the relevant locales is present on the page. 
datetimepicker.locale('pl') // sets the datetimepicker's locale to Poland
hx.DateTimePicker
localeString
Added
A method for getting the currently set locale.
hx.DateTimePicker
change
Added
hx.DateTimePicker
time.change
Added
Emitted when the time is changed.
hx.DateTimePicker
date.change
Added
Emitted when the date is changed.
0.12.5
hx.DateTimePicker
dateDateTimePicker
Removed
The setTime parameter has been changed to retainTime and the behaviour inverted. Passing false will set the entire date object whereas previously false would only set the days/months/years (ignoring the hours/minutes/seconds). Use date(date, retainTime, suppressCallback) instead.
hx.DateTimePicker
dateDateTimePicker
Added
Sets the currently selected date.
0.12.4
hx.DateTimePicker
time.change
Added
Emitted when the time is changed.
hx.DateTimePicker
time.show
Added
Emitted when the time picker is shown.
hx.DateTimePicker
time.hide
Added
Emitted when the time picker is hidden.
hx.DateTimePicker
date.change
Added
Emitted when the date is changed.
hx.DateTimePicker
date.show
Added
Emitted when the date picker is shown.
hx.DateTimePicker
date.hide
Added
Emitted when the date picker is hidden.
0.12.3
hx.DateTimePickerextendsEventEmitter
Bugfix
Update the datepicker constructor to use the options object.
0.12.0
hx.DateTimePicker
setDate
Removed
hx.DateTimePicker
setDay
Removed
hx.DateTimePicker
setMonth
Removed
hx.DateTimePicker
setYear
Removed
hx.DateTimePicker
setHour
Removed
hx.DateTimePicker
setMinute
Removed
hx.DateTimePicker
setSecond
Removed
hx.DateTimePicker
getDateDate
Removed
hx.DateTimePicker
getHourNumber
Removed
hx.DateTimePicker
getMinuteNumber
Removed
hx.DateTimePicker
getSecondNumber
Removed
hx.DateTimePicker
disableDateTimePicker
Added
A method for disabling a date/time picker so the user can't enter values.
hx.DateTimePicker
enableDateTimePicker
Added
A method for enabling a date/time picker so the user can enter values.
0.11.0
hx.DateTimePickerextendsEventEmitter
Updated
All instances of supressCallback have been converted to suppressCallback.
hx.DateTimePicker
setDate
Deprecated
Use date(date, setTime, suppressCallback) instead.
hx.DateTimePicker
setDay
Deprecated
Use day(day, suppressCallback) instead.
hx.DateTimePicker
setMonth
Deprecated
Use month(month, suppressCallback) instead.
hx.DateTimePicker
setYear
Deprecated
Use year(year, suppressCallback) instead.
hx.DateTimePicker
setHour
Deprecated
Use hour(hour, suppressCallback) instead.
hx.DateTimePicker
setMinute
Deprecated
Use minute(minute, suppressCallback) instead.
hx.DateTimePicker
setSecond
Deprecated
Use second(second, suppressCallback) instead.
hx.DateTimePicker
getDateDate
Deprecated
Use date() instead.
hx.DateTimePicker
getHourNumber
Deprecated
Use hour() instead.
hx.DateTimePicker
getMinuteNumber
Deprecated
Use minute() instead.
hx.DateTimePicker
getSecondNumber
Deprecated
Use second() instead.
hx.DateTimePicker
update
Removed
hx.DateTimePicker
dateDate
Added
A function to return the currently selected date.
hx.DateTimePicker
dateDateTimePicker
Added
Sets the currently selected date.
hx.DateTimePicker
dayNumber
Added
A function to return the currently selected day of the month.
hx.DateTimePicker
dayDateTimePicker
Added
A function used to set the currently selected day.
hx.DateTimePicker
monthNumber
Added
A function to return the currently selected month.
hx.DateTimePicker
monthDateTimePicker
Added
Sets the currently selected month.
hx.DateTimePicker
yearNumber
Added
A function to return the currently selected year.
hx.DateTimePicker
yearDateTimePicker
Added
Sets the currently selected year.
hx.DateTimePicker
hourNumber
Added
A function to return the currently selected hour.
hx.DateTimePicker
hourDateTimePicker
Added
Sets the currently selected hour.
hx.DateTimePicker
minuteNumber
Added
A function to return the currently selected minute.
hx.DateTimePicker
minuteDateTimePicker
Added
Sets the currently selected minute.
hx.DateTimePicker
secondNumber
Added
A function to return the currently selected second.
hx.DateTimePicker
secondDateTimePicker
Added
Sets the currently selected second.
hx.DateTimePicker
updateDateTimePicker
Added
A function for updating the display of the DateTimePicker when moment.js is present on the page.
The DateTimePicker now looks for moment.js on the page and shows a localised DateTimePicker based on moment's current locale setting.
To update the locale setting, a locale can either be passed in or the function can be called with no arguments to pick up the currently set moment.locale . 
DateTimePicker.update('pl') // sets the DateTimePicker's locale to Poland without affecting the rest of the page.
moment.locale('pl') // sets the page locale to Poland
DateTimePicker.update() // refreshes the display of the selected DateTimePicker using moment.locale() of 'pl'