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 - FLIPBOX
This is a large set of the options available for the calbox method. No i18n options are presented.
afterToday
False
True
Selected date must be after today
beforeToday
False
True
Selected date must be before today
blackDates
Dates to be considered invalid
Sample:
["2001-01-01", "2000-12-31", "2000-12-25", "2000-12-24"]
blackDatesRec
Recurring dates to be considered invalid
Sample:
[ [-1,0,1], [-1,11,31], [-1,11,25], [-1,11,24] ]
blackDays
Days of the week to be considered invalid
Sample:
[ 0, 6 ]
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" ]
fboxNatural
Use "natural" sort for flipbox
Sample:
[ "default" | true | false ]
minDate
Minimum date (HTML min attribute)
maxDate
Maximum date (HTML max attribute)
minDays
Min number of days past today
maxDays
Max number of days past today
minYear
Min Year
maxYear
Max Year
notToday
False
True
Invalidate today's date
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_fbox_Selected
Selected Date theme
theme_fbox_Default
Default Date theme
theme_fbox_Forbidden
Invalid Date theme
theme_fbox_RollHeight
Roller view height
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 ]
whiteDates
Dates to always consider valid
Sample:
["2001-01-01", "2000-12-31", "2000-12-25", "2000-12-24"]
FlipBox
JTSage DateBox Documentation v.5.3.3