DHTMLX Touch documentation
calendar
Methods
Events
Properties
Start
Components
calendar
Type: Component
File: ui/calendar.js
Based on:
MouseEvents
,
Settings
,
EventSystem
,
Movable
,
touch_view
,
view
,
Settings
,
Destruction
Included in:
Methods
attachEvent
- attach custom handler to inner event
block
- stop event calls until unblocking
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
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)
unblock
- restore normal event processing
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
start_on_monday
- defines whether week is started on monday
navigation
- enables/disables month navigation in header (true)
week_header
- enables/disables additional header with week days (false)
week_number
- enables/disables additional column with weeks number (false)
time_select
- enables/disables time selector (false)
skip_empty_weeks
- enables/disables displaying empty weeks (true)
minute_step
- step in minutes selector (15)
hour_start
- the first hour in a hour select (8)
hour_end
- the last hour in a hour
hour_format
- hour format (%H)
calendar_date_format
- date format (%Y-%m-%d)
calendar_month_header
- month format in header (%F %Y)
calendar_day_header
- format for week header (%d)
calendar_week_header
- label for column with weeks numbers (W#)
calendar_week
- format for week numder (%W)
width
- calendar width (300)
height
- calendar height (300)
cell_auto_height
- enables/disables auto height (false)
cell_height
- cell height (36)
month_header_height
- the height of month header (40 by default, property should be changed in css too)
week_header_height
- the height of week header (20 by default, property should be changed in css too)
time_select_height
- the height of area with time selector (32 by default, property should be changed in css too)
selected_date_classname
- 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)