DefaultCalendar class
Extends
Section titled “Extends”- calendarBody
- currentDate
- daysOfWeek
- headerTextElem
- months
- options
- selectMonthElem
- selectYearElem
- selectedMonth
- selectedYear
- slot
Constructors
Section titled “Constructors”constructor
Section titled “constructor”⊕ new DefaultCalendar(slot: HTMLElement,options?: CalendarOptions): DefaultCalendar
Parameters:
Section titled “Parameters:”- slot:
HTMLElement - options: CalendarOptions, Optional
Protected Properties
Section titled “Protected Properties”calendarBody
Section titled “calendarBody”● calendarBody: HTMLElement | null = null
currentDate
Section titled “currentDate”● currentDate: Date
daysOfWeek
Section titled “daysOfWeek”● daysOfWeek: string[] = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]
headerTextElem
Section titled “headerTextElem”● headerTextElem: HTMLElement | null
months
Section titled “months”● months: string[] = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
options
Section titled “options”● options: CalendarOptions
selectMonthElem
Section titled “selectMonthElem”● selectMonthElem: HTMLSelectElement | null
selectYearElem
Section titled “selectYearElem”● selectYearElem: HTMLSelectElement | null
selectedMonth
Section titled “selectedMonth”● selectedMonth: number
selectedYear
Section titled “selectedYear”● selectedYear: number
● slot: HTMLElement
Protected Accessors
Section titled “Protected Accessors”calendarBody
Section titled “calendarBody”● calendarBody: HTMLElement | null = null
currentDate
Section titled “currentDate”● currentDate: Date
daysOfWeek
Section titled “daysOfWeek”● daysOfWeek: string[] = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]
headerTextElem
Section titled “headerTextElem”● headerTextElem: HTMLElement | null
months
Section titled “months”● months: string[] = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
options
Section titled “options”● options: CalendarOptions
selectMonthElem
Section titled “selectMonthElem”● selectMonthElem: HTMLSelectElement | null
selectYearElem
Section titled “selectYearElem”● selectYearElem: HTMLSelectElement | null
selectedMonth
Section titled “selectedMonth”● selectedMonth: number
selectedYear
Section titled “selectedYear”● selectedYear: number
● slot: HTMLElement
Public Methods
Section titled “Public Methods”getDate
Section titled “getDate”▸ getDate(): Date
Returns Date
render
Section titled “render”▸ render(): void
Returns void
setDate
Section titled “setDate”▸ setDate(date: Date): void
Parameters:
Section titled “Parameters:”- date:
Date
Returns void
Protected Methods
Section titled “Protected Methods”dateChanged
Section titled “dateChanged”▸ dateChanged(): void
Returns void
▸ jump(year: number,month: number): void
Parameters:
Section titled “Parameters:”- year:
number - month:
number
Returns void
▸ next(): void
Returns void
▸ prev(): void
Returns void
renderCalendarButtons
Section titled “renderCalendarButtons”▸ renderCalendarButtons(): HTMLElement
Returns HTMLElement
rerenderMonth
Section titled “rerenderMonth”▸ rerenderMonth(): void
Returns void
rerenderSelectYear
Section titled “rerenderSelectYear”▸ rerenderSelectYear(): void
Returns void