Calendar

A calendar component, based on jQuery.

---

Depend

<link rel="stylesheet" href="calendar.css">
<script src="jquery.js"></script>
<script src="calendar.js"></script>

Use

<div id="ca"></div>

$('#ca').calendar({
  // options
});

or

<input type="text" id="in">
<div id="ca"></div>

$('#in').calendar({
  trigger: '#ca'
  // options
});

Options

• width: 280

  calendar width

• height: 280

  calendar height

• zIndex: 1

  calendar zIndex

• trigger: null

  Set the trigger display element

• offset: [0, 1]

  offset position

• customClass: ''

  override class

• view: 'date'

  set display view, optional date or month

• date: new Date()

  set today

• format: 'yyyy/mm/dd'

  date format

• startWeek: 0

  default 0, first day of the week

• weekArray: ['日', '一', '二', '三', '四', '五', '六']

  can change to other

• selectedRang: null

  The optional time range.

  format: [ start date, end date]

  set today do not choose before: [new Date(), null] or ['2015/11/27']

• data: null

  Date of linked data.

  [{ date: string, value: object }, ... ]

• label: '{d}\n{v}'

  data show format, set false don't show.

  parameters: {d} date, {m} view, {v}, data

• prev: '<'

• next: '>'

  arrow characters

• viewChange: $.noop

  event callback for view change.

  parameters: view

• onSelected: $.noop

  event callback for selected.

  parameters: view, date, data

• onMouseenter: $.noop

• onClose: $.noop

  event callback for selected. parameters as above.