new DateRangePicker(options)index.jsline 58
PARAMETERS
Name Type Description options
object
Date-Range picker options
PROPERTIES
Name Type Description startpicker
object
Startpicker options
PROPERTIES
Name Type Description input
HTMLElementstring
Startpicker input element or selector
container
HTMLElementstring
Startpicker container element or selector
endpicker
object
Endpicker options
PROPERTIES
Name Type Description input
HTMLElementstring
Endpicker input element or selector
container
HTMLElementstring
Endpicker container element or selector
format
string
Input date-string format
type
string = 'date'
DatePicker type - ('date' | 'month' | 'year')
language
string = 'en'
Language key
timePicker
[ objectboolean ]
calendar
[ object ]
Calendar options
selectableRanges
[ Array ]
Selectable ranges
showAlways
boolean = false
Whether the datepicker shows always
autoClose
boolean = true
Close after click a date
usageStatistics
Boolean = true|false
send hostname to google analytics default value is true
EXAMPLES
var DatePicker = tui.DatePicker; // or require('tui-date-picker'); var rangepicker = DatePicker.createRangePicker({ startpicker: { input: '#start-input', container: '#start-container' }, endpicker: { input: '#end-input', container: '#end-container' }, type: 'date', format: 'yyyy-MM-dd' selectableRanges: [ [new Date(2017, 3, 1), new Date(2017, 5, 1)], [new Date(2017, 6, 3), new Date(2017, 10, 5)] ] });
Resizable