Skip to content

jQuery.Simple-EventCalendar make it easier for you to create an event calendar, datepicker or whatever you want with jquery

Notifications You must be signed in to change notification settings

foen/jQuery.Simple-Event-Calendar

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

39 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

jQuery.Simple-Event-Calendar

jQuery.Simple-Event-Calendar make it easier for you to create an calendar. Check out the demo!

###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>

###Basic alt tag ###Personal list alt tag

###Updates

  • Add custom classes to each event
  • List days automatically based on month
  • Change month
  • Personal list with print function
  • Auto add '.event' class to all days that has an event
  • Uncheck calender '.day-event' checkbox when removing event from personal list
  • Sort personal list based on date
  • Problem when there was more then one event on same day data-number="1"

About

jQuery.Simple-EventCalendar make it easier for you to create an event calendar, datepicker or whatever you want with jquery

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 43.3%
  • JavaScript 38.8%
  • HTML 17.9%