seisplotjs.datechooser

2.0.0
Need help reading this?

HourMinChooser

src/datechooser.js

Hour and Minute chooser using sliders.

new HourMinChooser(div: any, initialTime: moment, updateCallback: function (time: moment): void?)
Parameters
div (any) selected div to append chooser to
initialTime (moment) initial chooser time value
updateCallback (function (time: moment): void?) optional callback function when time is selected
Instance Members
▸ div
▸ time
▸ updateCallback
▸ hourMinRegEx
▸ myOnClick
▸ hourMinField
▸ popupDiv
▸ hourDiv
▸ hourSlider
▸ minuteDiv
▸ minuteSlider
▸ updateTime(newTime)
▸ timeModified()
▸ showHide()
▸ hide()

DateTimeChooser

src/datechooser.js

Date and Time chooser using pikaday for the date and the above HourMinChooser for the hour and minute of time.

new DateTimeChooser(div: any, label: string, initialTime: moment, updateCallback: function (time: moment): void?)
Parameters
div (any) selected div to append chooser to
label (string) label for chooser
initialTime (moment) initial chooser time value
updateCallback (function (time: moment): void?) optional callback function when time is selected
Instance Members
▸ div
▸ time
▸ updateCallback
▸ label
▸ dateField
▸ picker
▸ updateTime(newTime)
▸ timeModified()
▸ getTime()

TimeRangeChooser

src/datechooser.js

Combination of two DateTimeChoosers to specify a start and end time.

new TimeRangeChooser(div: any, updateCallback: function (timerange: StartEndDuration): void?)
Parameters
div (any) selected div to append chooser to
updateCallback (function (timerange: StartEndDuration): void?) optional callback function when time is selected/changed
Instance Members
▸ div
▸ updateCallback
▸ duration
▸ startChooser
▸ endChooser
▸ _mostRecentChanged
▸ getTimeRange()

chooser_css

src/datechooser.js

CSS for the parts of HourMin, DateTime and TimeRange choosers that are not using pikaday.

chooser_css

pikaday_css

src/datechooser.js

CSS for the pikaday chooser.

pikaday_css