simple-calendar-toogle

simple-calendar-toogle

A simple calendar where each date is togglable - https://github.com/tdehaeze/calendar-pk

$0.00

Thomas Dehaeze

Thomas Dehaeze

Member since 2015

Details

Version:
0.3.10
Ionic:
1.x  
Platforms:
iOS, Android  
Released:
4 years ago
Updated:
4 years ago
Category:
Plugins
Tags:
,

Ionic-Calendar directive

Ionic calendar directive

Usage

Bower Install: bower install calendar_pk

Load the necessary dependent files:

```

```

Add the calendar module as a dependency to your application module:

var myAppModule = angular.module('MyApp', ['calendar_pk'])

Add the directive in the html page

<calendar-pk event-source="eventSource" current-month="currentMonth"></calendar-pk>

Data arguments

  • eventSource : The data source of the calendar, when the eventSource is set, the view will be updated accordingly. eventSource should be an array of Dates.
    • Default value: []

Options arguments

  • formatDay : The format of the date displayed in the month view.

    • Default value: 'dd'
  • formatDayHeader : The format of the header displayed in the month view.

    • Default value: 'EEE'
  • formatMonthTitle : The format of the title displayed in the month view.

    • Default value: 'MMMM yyyy'
  • startingDayMonth : Control month view starting from which day.

    • Default value: 1 (Monday)

Functions arguments

  • monthChanged

    • startTime (DateTime)
    • endTime (DateTime)
    • display (String)
  • timeSelected

    • selectedTime (DateTime)
  • weekSelected

    • monday (DateTime)

Events

  • changeMonth : When receiving this event, the calendar will move the current view to previous or next range.
    • direction (1: Forward -1: Backward)

javascript $scope.$broadcast('changeMonth', 1);

i18n support

When including the angular locale script, the viewTitle and header of the calendar will be translated to local language automatically.

<script src="http://code.angularjs.org/1.4.3/i18n/angular-locale_xx.js"></script>