You can alter the appearance of the calendar in several ways:
| cell_border | boolean | Set a cell-border around the calendar itself, the days-of-week header and the individual days. Otherwise only a line is displayed. |
|---|---|---|
| today | boolean | Display today with a special badge. |
| show_days | boolean | Show the days-of-week header. |
| weekstartson | integer | Start the week on Sunday (0) or Monday (1). |
| nav_icon | object | Override 'prev' and/or 'next' icon html |
override other styling elements with your own css.
Font Awesome was added to this page to show an alternative icon example:
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet">
<!-- set the border for the days and hide the days of the week header
plus start the week on sunday and not monday -->
<script type="application/javascript">
$(document).ready(function () {
$("#my-calendar").zabuto_calendar({
cell_border: true,
today: true,
show_days: false,
weekstartson: 0,
nav_icon: {
prev: '<i class="fa fa-chevron-circle-left"></i>',
next: '<i class="fa fa-chevron-circle-right"></i>'
}
});
});
</script>