JTSage
DateBox
Documentation
Getting Started
Configuration Overview
Themeing DateBox
Localization
Date & Time Formats
Default Values
Date & Time Limits
Callbacks, Listeners, Functions, & Triggers
Full Option List
Download Builder
Adding Frameworks
JSDoc Documentation
Framework Samples
- Bootstrap v4
- Bootstrap v3
- Bulma
- Fomantic UI
- Foundation v6
- jQueryMobile
- UIKit
Option Demos
- CalBox
- SlideBox
- DateBox
- TimeBox
- DateTimeBox
- FlipBox
- TimeFlipBox
- DateTimeFlipBox
- DurationBox
- DurationFlipBox
JTSage
DateBox
A multi-mode date and time picker
Option Demos - TIMEBOX
This is a large set of the options available for the calbox method. No i18n options are presented.
disabledState
Disabled Class
durationStep
Stepper for duration mode (single)
enableDates
Exclusive list of valid dates
Sample:
[ "2000-12-31", "2000-12-25", "2000-12-24" ]
minHour
Min hour
maxHour
Max hour
minTime
Min time
maxTime
Max time
minuteStep
Stepper for minutes
theme_clearBtn
Clear Button Theme
theme_closeBtn
Close Button Theme
theme_cancelBtn
Cancel Button Theme
theme_tomorrowBtn
Tomorrow Button Theme
theme_todayBtn
Today Button Theme
theme_dropdownContainer
Dropdown container class
theme_headerTheme
Header Theme
theme_headerBtn
Header (Close) Button Theme
theme_dbox_NextBtn
Next Button Theme (datebox)
theme_dbox_PrevBtn
Previous Button Theme (datebox)
theme_dbox_Inputs
DateBox mode inputs
useCancelButton
False
True
Show a button to cancel the Input control
useClearButton
False
True
Show a button to clear the Input
useCollapsedBut
False
True
Single line of control buttons
useHeader
False
True
Use a toolbar header for the control
useLang
The current active langauge / locale
Sample:
en-US
useSetButton
False
True
Show button to set the date
useTodayButton
False
True
Show button to jump to today
useTomorrowButton
False
True
Show button to jump to tomorrow
validHours
Limit times to only these hours
Sample:
[ 9, 10, 11, 12, 13, 14, 15, 16, 17 ]
TimeBox
JTSage DateBox Documentation v.5.3.3