for iOS and Android, by Eddy Verbruggen
- Description
- Installation 2. Automatically (CLI / Plugman) 2. Manually 2. PhoneGap Build
- Usage
- Credits
- License
This plugin allows you to add events to the Calendar of the mobile device.
- Compatible with Cordova Plugman and ready for PhoneGap 3.0
- Submitted and waiting for approval at PhoneGap Build (more information)
- Supported methods:
find
,create
,modify
,delete
. - All methods work without showing the native calendar. Your app never looses control.
- Tested on iOS 6 and 7.
- Only the
create
method is supported (more may come, if people request it, but creating is the most important thing, right?). - When the
create
method is called, the use is presented a prefilled calendar item. Pressing the hardware back button will give control back to your app. - Tested on Android 4.
Calendar is compatible with Cordova Plugman and ready for the PhoneGap 3.0 CLI, here's how it works with the CLI:
$ phonegap local plugin add https://github.com/EddyVerbruggen/Calendar-PhoneGap-Plugin.git
or
$ cordova plugin add https://github.com/EddyVerbruggen/Calendar-PhoneGap-Plugin.git
don't forget to run this command afterwards:
$ cordova build
1. Add the following xml to your config.xml
:
<!-- for iOS -->
<feature name="Calendar">
<param name="ios-package" value="Calendar" />
</feature>
<!-- for Android as plugin (deprecated) -->
<plugin name="Calendar" value="nl.xservices.plugins.Calendar"/>
<!-- for Android as feature -->
<feature name="Calendar">
<param name="android-package" value="nl.xservices.plugins.Calendar" />
</feature>
2. Grab a copy of Calendar.js, add it to your project and reference it in index.html
:
<script type="text/javascript" src="js/Calendar.js"></script>
3. Download the source files for iOS and/or Android and copy them to your project.
iOS: Copy Calendar.h
and Calendar.h
to platforms/ios/<ProjectName>/Plugins
Android: Copy Calendar.java
to platforms/android/src/nl/xservices/plugins
(create the folders)
Using Calendar with PhoneGap Build requires these simple steps:
1. Add the following xml to your config.xml
to always use the latest version of this plugin:
<gap:plugin name="nl.x-services.plugins.calendar" />
or to use this exact version:
<gap:plugin name="nl.x-services.plugins.calendar" version="1.0" />
2. Reference the JavaScript code in your index.html
:
<!-- below <script src="phonegap.js"></script> -->
<script src="js/plugins/Calendar.js"></script>
Basic operations, you'll want to copy-paste this for testing purposes:
// prep some variables
var startDate = new Date("September 24, 2013 13:00:00");
var endDate = new Date("September 24, 2013 14:30:00");
var title = "My nice event";
var location = "Home";
var notes = "Some notes about this event.";
var success = function(message) { alert("Success: " + JSON.stringify(message)); };
var error = function(message) { alert("Error: " + message); };
// create
window.plugins.calendar.createEvent(title,location,notes,startDate,endDate,success,error);
// find (iOS only for now)
window.plugins.calendar.findEvent(title,location,notes,startDate,endDate,success,error);
// change the title of the event (iOS only for now)
var newTitle = "New title!";
window.plugins.calendar.modifyEvent(title,location,notes,startDate,endDate,newTitle,location,notes,startDate,endDate,success,error);
// delete (iOS only for now)
// note that it deletes all matching events, which are duplicates anyway
window.plugins.calendar.deleteEvent(newTitle,location,notes,startDate,endDate,success,error);
Creating an all day event:
// set the startdate to midnight and set the enddate to midnight the next day
var startDate = new Date("September 24, 2013 00:00:00");
var endDate = new Date("September 25, 2013 00:00:00");
Creating an event for 3 full days
// set the startdate to midnight and set the enddate to midnight 3 days later
var startDate = new Date("September 24, 2013 00:00:00");
var endDate = new Date("September 27, 2013 00:00:00");
This plugin was enhanced for Plugman / PhoneGap Build by Eddy Verbruggen. I fixed some issues in the native code (mainly for iOS) and changed the JS-Native functions a little in order to make a universal JS API for both platforms.
- Credits for the original iOS code go to Felix Montanez.
- Credits for the original Android code go to Ten Forward Consulting.
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.