seisplotjs.datechooser 3.0.0-alpha.0

seisplotjs.datechooser

3.0.0-alpha.0

HOURMIN_ELEMENT
DATETIME_ELEMENT
TIMERANGE_ELEMENT
hourMinRegEx
HOUR_MIN_24
START_LABEL
DEFAULT_START_LABEL
END_LABEL
DEFAULT_END_LABEL
DUR_LABEL
DEFAULT_DUR_LABEL
HourMinChooser ▸
- Instance members
- #_time
- #updateCallback
- #popupDiv
- #showHide
- #hide
- #show
- #time
- #time
- #_internalSetTime
DateTimeChooser ▸
- Static members
- .observedAttributes
- Instance members
- #_time
- #updateCallback
- #hourMin
- #updateTime
- #timeModified
- #time
- #time
START_CHANGED
END_CHANGED
DURATION_CHANGED
TimeRangeChooser ▸
- Static members
- .observedAttributes
- Instance members
- #updateCallback
- #_duration
- #startChooser
- #endChooser
- #_mostRecentChanged
- #toInterval
- #getTimeRange
- #startLabel
- #endLabel
- #durationLabel
- #start
- #start
- #end
- #end
- #duration
- #duration
- #_updateDuration
- #resyncValues
extractDuration

Need help reading this?

HOURMIN_ELEMENT

src/datechooser.ts

HOURMIN_ELEMENT

Type: string

DATETIME_ELEMENT

src/datechooser.ts

DATETIME_ELEMENT

Type: string

TIMERANGE_ELEMENT

src/datechooser.ts

TIMERANGE_ELEMENT

Type: string

hourMinRegEx

src/datechooser.ts

hourMinRegEx

HOUR_MIN_24

src/datechooser.ts

HOUR_MIN_24

Type: string

START_LABEL

src/datechooser.ts

START_LABEL

Type: string

DEFAULT_START_LABEL

src/datechooser.ts

DEFAULT_START_LABEL

Type: string

END_LABEL

src/datechooser.ts

END_LABEL

Type: string

DEFAULT_END_LABEL

src/datechooser.ts

DEFAULT_END_LABEL

Type: string

DUR_LABEL

src/datechooser.ts

DUR_LABEL

Type: string

DEFAULT_DUR_LABEL

src/datechooser.ts

DEFAULT_DUR_LABEL

Type: string

HourMinChooser

src/datechooser.ts

Hour and Minute chooser. Use as ''

new HourMinChooser()

Extends HTMLElement

Instance Members

▸ _time

src/datechooser.ts

_time

Type: DateTime

▸ updateCallback

src/datechooser.ts

updateCallback

Type: function (time: DateTime): void

▸ popupDiv

src/datechooser.ts

popupDiv

Type: HTMLDivElement

▸ showHide()

src/datechooser.ts

Shows or hides the popup based on current visibility style

showHide(): void

Returns

void

▸ hide()

src/datechooser.ts

hide(): void

Returns

void

▸ show()

src/datechooser.ts

show(): void

Returns

void

▸ time

src/datechooser.ts

time

Type: DateTime

Returns

DateTime

▸ time

src/datechooser.ts

time

Type: DateTime

Parameters

dt (DateTime)

▸ _internalSetTime(dt)

src/datechooser.ts

_internalSetTime(dt: DateTime)

Parameters

dt (DateTime)

DateTimeChooser

src/datechooser.ts

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

new DateTimeChooser(time: DateTime?)

Extends HTMLElement

Parameters

time (DateTime?)

Static Members

▸ observedAttributes

src/datechooser.ts

observedAttributes

Instance Members

▸ _time

src/datechooser.ts

_time

Type: DateTime

▸ updateCallback

src/datechooser.ts

updateCallback

Type: function (time: DateTime): void

▸ hourMin

src/datechooser.ts

hourMin

Type: HourMinChooser

▸ updateTime(newTime)

src/datechooser.ts

Updates the time without triggering the callback function.

updateTime(newTime: DateTime): void

Parameters

newTime (DateTime) new time to update sliders

Returns

void

▸ timeModified()

src/datechooser.ts

triggers the callback function.

timeModified(): void

Returns

void

▸ time

src/datechooser.ts

time

Type: DateTime

Returns

DateTime

▸ time

src/datechooser.ts

time

Type: DateTime

Parameters

dt (DateTime)

START_CHANGED

src/datechooser.ts

START_CHANGED

Type: string

END_CHANGED

src/datechooser.ts

END_CHANGED

Type: string

DURATION_CHANGED

src/datechooser.ts

DURATION_CHANGED

Type: string

TimeRangeChooser

src/datechooser.ts

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

new TimeRangeChooser(div: any, updateCallback: any)

Extends HTMLElement

Parameters

div (any) selected div to append chooser to

updateCallback (any) optional callback function when time is selected/changed

Static Members

▸ observedAttributes

src/datechooser.ts

observedAttributes

Instance Members

▸ updateCallback

src/datechooser.ts

updateCallback

Type: function (timerange: Interval): void

▸ _duration

src/datechooser.ts

_duration

Type: Duration

▸ startChooser

src/datechooser.ts

startChooser

Type: DateTimeChooser

▸ endChooser

src/datechooser.ts

endChooser

Type: DateTimeChooser

▸ _mostRecentChanged

src/datechooser.ts

_mostRecentChanged

Type: string

▸ toInterval()

src/datechooser.ts

toInterval(): Interval

Returns

Interval

▸ getTimeRange()

src/datechooser.ts

getTimeRange(): Interval

Returns

Interval

▸ startLabel

src/datechooser.ts

startLabel

Type: string

Returns

string

▸ endLabel

src/datechooser.ts

endLabel

Type: string

Returns

string

▸ durationLabel

src/datechooser.ts

durationLabel

Type: string

Returns

string

▸ start

src/datechooser.ts

start

Type: DateTime

Returns

DateTime

▸ start

src/datechooser.ts

start

Type: DateTime

Parameters

time (DateTime)

▸ end

src/datechooser.ts

end

Type: DateTime

Returns

DateTime

▸ end

src/datechooser.ts

end

Type: DateTime

Parameters

time (DateTime)

▸ duration

src/datechooser.ts

duration

Type: Duration

Parameters

duration (Duration)

▸ duration

src/datechooser.ts

duration

Type: Duration

Returns

Duration

▸ _updateDuration(duration)

src/datechooser.ts

_updateDuration(duration: Duration)

Parameters

duration (Duration)

▸ resyncValues(curChanged)

src/datechooser.ts

resyncValues(curChanged: string)

Parameters

curChanged (string)

extractDuration

src/datechooser.ts

extracts duration from either string as ISO or number as seconds.

extractDuration(value: string): Duration

Parameters

value (string) ISO string or number

Returns

Duration: duration