calendar
Type: Component
File: ui/calendar.js
Based on:
MouseEvents
,
Settings
,
EventSystem
,
Movable
,
view
,
Settings
,
Destruction
Included in:
Methods
attachEvent
- attach custom handler to inner event
blockEvent
- purpose is unknown
callEvent
- calls inner event
define
- sets configuration property or a hash of properties
destructor
- destructs the object
detachEvent
- detach custom code from handler
getNode
- gets html object of a view
getParent
- gets a parent view
hasEvent
- checks whether a component has an event
mapEvent
- route events from one object to another
resize
- recalculates and adjusts view sizes
selectDate
- selects date
show
- shows a view
showCalendar
- shows calendar (and selects date if it is defined)
unblockEvent
- purpose is unknown
Events
onDateSelected
- date selected
onitemclick
- item was clicked
onbeforecontextmenu
- context menu call in the item area
onitemdblclick
- item was double-clicked
onmousemove
- mouse was pointed over item
onmouseout
- mouse was moved out from item
onmousemoving
- mouse was moved over component
Properties
date
- selected date
startOnMonday
- defines whether week is started on monday
navigation
- enables/disables month navigation in header (true)
weekHeader
- enables/disables additional header with week days (false)
weekNumber
- enables/disables additional column with weeks number (false)
timeSelect
- enables/disables time selector (false)
skipEmptyWeeks
- enables/disables displaying empty weeks (true)
minuteStep
- step in minutes selector (15)
hourStart
- the first hour in a hour select (8)
hourEnd
- the last hour in a hour
hourFormat
- hour format (%H)
calendarDateFormat
- date format (%Y-%m-%d)
calendarMonthHeader
- month format in header (%F %Y)
calendarDayHeader
- format for week header (%d)
calendarWeekHeader
- label for column with weeks numbers (W#)
calendarWeek
- format for week numder (%W)
width
- calendar width (300)
height
- calendar height (300)
cellAutoHeight
- enables/disables auto height (false)
cellHeight
- cell height (36)
monthHeaderHeight
- the height of month header (40 by default, property should be changed in css too)
weekHeaderHeight
- the height of week header (20 by default, property should be changed in css too)
timeSelectHeight
- the height of area with time selector (32 by default, property should be changed in css too)
selectedDateClassName
- class name for the selected date (dhx_cal_selected_day)
move
- makes view movable
container
- html container or its id where view needs being initialized
id
- view id
css
- class name for view container
width
- view width
height
- view height
gravity
- view gravity (1 by default)