Calendar

Override defaults with $.fn.calendar.defaults.

Usage

  1. <div id="cc" style="width:180px;height:180px;"></div>  
  1. $('#cc').calendar({  
  2.     width:600,  
  3.     height:600,  
  4.     current:new Date()  
  5. });  

Properties

Name Type Description Default
width number The width of calendar component. 180
height number The height of calendar component. 180
fit boolean When true to set the calendar size fit it's parent container. false
border boolean Defines if to show the border. true
firstDay number Defines the first day of week. Sunday is 0, Monday is 1, ... 0
weeks array The list of week to be showed. ['S','M','T','W','T','F','S']
months array The list of month to be showed. ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
year number The year of calendar. current year(four digits)
month number The month of calendar. current month, start with 1
current Date The current date. current date

Events

Name Parameters Description
onSelect date Fires when user select a date.

Methods

Name Parameter Description
options none Return the options object.
resize none Resize the calendar size.
moveTo date Move the calendar to specified date.