Custom Dates

Description

C1Calendar supports customizing the display of each date cells on the client.

The date cell customization is achieved by implementing the client side call back function specified by the OnClientCustomizeDate property.

The arguments of the call back function are:

  • $daycell - jQuery object that represents table cell of the date to be customized.
  • date - Date of the cell.
  • dayType - Type of the day.
  • hover- Whether mouse is over the day cell.
  • preview - Whether rendering in preview container.

In this sample, we associate an image with Christmas. It is also useful if you want to highlight some custom dates with your own styles (custom CSS etc.).

Documentation