new Calendar(wrapperElement, options)index.jsline 67
Calendar class
PARAMETERS
Name Type Description wrapperElement
HTMLElementjQuerystring
Wrapper element or selector
options
[ Object ]
Options for initialize
PROPERTIES
Name Type Description language
string = 'en'
Calendar language - Calendar.localeTexts
showToday
[ boolean ]
If true, shows today
showJumpButtons
[ boolean ]
If true, shows jump buttons (next,prev-year in 'date'-Calendar)
date
Date = newDate()
Initial date
type
string = 'date'
Calendar types - 'date', 'month', 'year'
usageStatistics
Boolean = true|false
send hostname to google analytics (default value is true)
EXAMPLES
var DatePicker = tui.DatePicker; // or require('tui-date-picker'); var calendar = DatePicker.createCalendar('#calendar-wrapper', { language: 'en', // There are two supporting types by default - 'en' and 'ko'. showToday: true, showJumpButtons: false, date: new Date(), type: 'date' }); calendar.on('draw', function(event) { console.log(event.date); console.log(event.type); event.dateElements.each(function() { var $el = $(this); var date = new Date($el.data('timestamp')); console.log(date); }); });
Static Properties
localeTexts:
object
index.jsline 99Locale text data
EXAMPLES
var DatePicker = tui.DatePicker; // or require('tui-date-picker'); DatePicker.localeTexts['customKey'] = { titles: { // days DD: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], // daysShort D: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fir', 'Sat'], // months MMMM: [ 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December' ], // monthsShort MMM: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, titleFormat: 'MMM yyyy', todayFormat: 'D, MMMM dd, yyyy' }; var calendar = DatePicker.createCalendar('#calendar-wrapper', { language: 'customKey', });