Fork me on GitHub

Angular Bootstrap Calendar

Simple, No jQuery dependency

  1. Include the required libraries
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script>
  2. Download the files in src folder - calenar.js, calenar.css, calendar-template.html
  3. Includeing files.
    <link rel="stylesheet" href="calendar.css">
    <script src="calendar.js"></script>
  4. Calendar.js and calendar-template.html need to put in the same folder,
    or you can modify the templateURl in calendar.js.
  5. Using directive
    <calendar></calendar>

Example: Basic

<calendar></calendar>

Example: Assigning year and month

<calendar calendar-month="11" calendar-year="2014"></calendar>

Example: Injecting some content

$scope.calendarContent =
{"2013":{"8":{"29":
    ["Google it:<a href=\"http://google.com\" target="_blank" > Open Tab </a>"]
}}]);
<calendar calendar-content="calendarContent" calendar-month="8" calendar-year="2013"></calendar>