- Framework7 Tutorial
- Framework7 - Home
- Framework7 - Overview
- Framework7 - Environment
- Framework7 Components
- Framework7 - Layouts
- Framework7 - Navbars
- Framework7 - Toolbars
- Framework7 - Search Bar
- Framework7 - Status Bar
- Framework7 - Side Panels
- Framework7 - Content Block
- Framework7 - Layout Grid
- Framework7 - Overlays
- Framework7 - Preloaders
- Framework7 - Progress Bar
- Framework7 - List Views
- Framework7 - Accordion
- Framework7 - Cards
- Framework7 - Chips
- Framework7 - Buttons
- Framework7 - Action Button
- Framework7 - Forms
- Framework7 - Tabs
- Framework7 - Swiper Slider
- Framework7 - Photo Browser
- Framework7 - Autocomplete
- Framework7 - Picker
- Framework7 - Calendar
- Framework7 - Refresh
- Framework7 - Infinite Scroll
- Framework7 - Messages
- Framework7 - Message Bar
- Framework7 - Notifications
- Framework7 - Lazy Load
- Framework7 Styling
- Framework7 - Color Themes
- Framework7 - Hairlines
- Framework7 Templates
- Framework7 - Templates Overview
- Framework7 - Auto Compilation
- Framework7 - Template7 Pages
- Framework7 Fast Clicks
- Framework7 - Active State
- Framework7 - Tap Hold Event
- Framework7 - Touch Ripple
- Framework7 Useful Resources
- Framework7 - Quick Guide
- Framework7 - Useful Resources
- Framework7 - Discussion
Calendar Methods & Properties
Description
You will get an initialized instance variable to use calendar methods and properties once you initialize the calendar.
The following table shows the calendar methods and properties used in Framework7 −
S.No | Methods & Properties with Description |
---|---|
Properties | |
1 | myCalendar.params It is the object with passed initialization parameters. |
2 | myCalendar.value It is an array where each item holds the selected date. |
3 | myCalendar.opened It is true if calendar is currently opened. |
4 | myCalendar.inline It is true if calendar is an inline calendar. |
5 | myCalendar.cols It is an array with specified columns where each column also has its own method and properties. |
6 | myCalendar.container It is the DOM7 instance with calendar HTML container. |
Methods | |
7 | myCalendar.setValue(values) It sets new selected dates. It accepts values which is an array where each item represents the selected date. |
8 | myCalendar.nextMonth(duration) It is the calendar transition to the next month in ms. |
9 | myCalendar.prevMonth(duration) It is the calendar transition to the previous month in ms. |
10 | myCalendar.nextYear() It is the calendar transition to the next year. |
11 | myCalendar.prevYear() It is the calendar transition to the previous year. |
12 | myCalendar.setYearMonth(year, month, duration) It is the calendar transition to a aspecified year and month for specified duration in ms. |
13 | myCalendar.open() It is used to open the calendar. |
14 | myCalendar.close() It is used to close the calendar. |
15 | myCalendar.destroy() It is used to destroy calendar instance and removes all the events. |