Submit your widget

Useful jQuery calendar plugin----CLNDR

Created 5 years ago   Views 11963   downloads 2766    Author kylestetz
Useful jQuery calendar plugin----CLNDR
View DemoDownload 44.7 KB
Share |

CLNDR is a jQuery calendar plugin. It was created- you've heard this before- out of frustration with the lack of truly dynamic front-end calendar plugins out there.

jQuery and Moment.js are depended upon. By default CLNDR tries to use Underscore.js's _.template()function, however if you specify a custom rendering function (see documentation below) underscore will not be used at all.


Because their APIs are the same, Lo-Dash's _.template() function will work as well! Just include Lo-Dash instead of underscore.

The 'Days' Array

Here's a typical CLNDR template. It's got a controller section and a grid section.

<div class="clndr-controls">
  <div class="clndr-previous-button">&lsaquo;</div>
  <div class="month"><%= month %></div>
  <div class="clndr-next-button">&rsaquo;</div>
<div class="clndr-grid">
  <div class="days-of-the-week">
    <% _.each(daysOfTheWeek, function(day) { %>
      <div class="header-day"><%= day %></div>
    <% }); %>
    <div class="days">
      <% _.each(days, function(day) { %>
        <div class="<%= day.classes %>"><%= %></div>
      <% }); %>

Read more:

Tag: timers