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 - SLIDEBOX
This is a large set of the options available for the slidebox 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" ]
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
slideHighToday
False
True
Highlight today's date
slideHighPick
False
True
Highlight currently selected date
slideUsePickers
False
True
Show month and year select boxes
slideNoHeader
False
True
Suppress standard control header
slideYearPickMin
Year picker upper limit
slideYearPickMax
Year picker lower limit
slideYearPickRelative
False
True
Year picker relativity switch
slideDateList
List of dates for special pick list
Sample:
[ ["1980-04-25", "JT's Date of Birth"], ["1809-02-12", "Lincoln's Birthday"] ]
slideShowDateList
False
True
Show special date picker
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_slide_Today
Highlight for Today
theme_slide_DayHigh
Highlight for highDays
theme_slide_Selected
Highlight for selected date
theme_slide_DateHigh
Highlight for highDates
theme_slide_DateHighAlt
Highlight for highDatesAlt
theme_slide_DateHighRec
Highlight for highDatesRec
theme_slide_Default
Default class
theme_slide_PrevBtn
Previous Month Button Theme (slidebox)
theme_slide_NextDateBtn
Next Week Button Theme (slidebox)
theme_slide_PrevDateBtn
Previous Week Button Theme (slidebox)
theme_slide_Pickers
SlideBox Pickers theme
theme_slide_DateList
SlideBox 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"]
SlideBox
JTSage DateBox Documentation v.5.3.3