jQuery Simple Event Calendar

Shares

jQuery simple event calendar (jQuery.Simple-Event-Calendar) makes it easy for you to create an event calendar with jquery.

Install

bower install simpleeventcalendar

Setup

<!-- You'll need jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 
<!-- and you'll need to include equalheight -->
<script src="simplecalendar.js"></script>
 
<!-- and you'll need to include style.css -->
<script src="style.css"></script>
 
<!-- and all you'll need to do is add some divs for event-->
<div class="day-event" date-month="12" date-day="16" data-number="1">
<a href="#" class="close fontawesome-remove"></a>
<h2 class="title">Lorem ipsum 3</h2>
<span class="date">2014-12-16</span>
<p>Lorem Ipsum är en utfyllnadstext från tryck- och förlagsindustrin. Lorem ipsum har varit standard ända sedan 1500-talet, när en okänd boksättare tog att antal bokstäver och blandade dem för att göra ett provexemplar av en bok.</p>
<button class="read-more">Read more</button>
</div>

Subscribe to the JqueryPlugins.net mailing list:
* indicates required

Reply

Pin It on Pinterest