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 - CALBOX
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] ]
blackDatesPeriod
Dates to blacklist - periodic
Sample:
[ "2019-09-11", 14 ]
blackDays
Days of the week to be considered invalid
Sample:
[ 0, 6 ]
calDateList
List of dates for special pick list
Sample:
[ ["1980-04-25", "JT's Date of Birth"], ["1809-02-12", "Lincoln's Birthday"] ]
calHighOutOfBounds
False
True
Highlight dates from other months
calHighPick
False
True
Highlight currently selected date
calHighToday
False
True
Highlight today's date
calHighSelected
False
True
Highlight selected date
calSelectedOutOfBounds
False
True
Highlight selected date even if it's out of bounds
calNoHeader
False
True
Suppress standard control header
calOnlyMonth
False
True
Show only the current month
calShowDateList
False
True
Show special date picker
calShowDays
False
True
Show day labels
calShowWeek
False
True
Show week numbers
calUsePickers
False
True
Show month and year select boxes
calYearPickMax
Year picker upper limit
calYearPickMin
Year picker lower limit
calYearPickRelative
False
True
Year picker relativity switch
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" ]
highDatesAlt
Dates to highlight (alternate)
Sample:
["2001-01-01", "2000-12-31", "2000-12-25", "2000-12-24"]
highDates
Dates to highlight
Sample:
["2001-01-01", "2000-12-31", "2000-12-25", "2000-12-24"]
highDatesRec
Dates to highlight - recurring
Sample:
[ [-1,0,1], [-1,11,31], [-1,11,25], [-1,11,24] ]
highDatesPeriod
Dates to highlight - periodic
Sample:
[ "2019-09-11", 14 ]
highDays
Highlight these days
Sample:
[ 0, 6 ]
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_cal_Today
Highlight for Today
theme_cal_DayHigh
Highlight for highDays
theme_cal_Selected
Highlight for selected date
theme_cal_DateHigh
Highlight for highDates
theme_cal_DateHighAlt
Highlight for highDatesAlt
theme_cal_DateHighRec
Highlight for highDatesRec
theme_cal_Default
Default class
theme_cal_OutOfBounds
Highlight for Underrun / Overrun Dates
theme_cal_NextBtn
Next Month Button Theme (calbox)
theme_cal_PrevBtn
Previous Month Button Theme (calbox)
theme_cal_Pickers
CalBox Pickers theme
theme_cal_DateList
CalBox DateList theme
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"]
CalBox
JTSage DateBox Documentation v.5.3.3