Calendar control in ionic framework/phoneGap

1

Hello All, Is there any calendar control in ionic framework or phoneGap? I need calendar control not date picker.

I need to allow user to schedule appointments etc. Any inputs please?

2

This could get you in the right direction
http://angular-ui.github.io/ui-calendar/

3

Hello Thanks for your reply. I integrated this in my ionic app. But, There are some issues.

  1. This calendar needs “angular.js”. So Included angular.js in my Index.html file.when I tried to load, my app give following error.
    Error: [$compile:ctreq] Controller ‘ionTabs’, required by directive ‘ngClass’, can’t be found!
    http://errors.angularjs.org/1.2.12/$compile/ctreq?p0=ionTabs&p1=ngClass
    at http://local/Simulator/lib/ionic/js/angular/angular.js:78:12
    at getControllers (http://local/Simulator/lib/ionic/js/angular/angular.js:6060:19)
    at http://local/Simulator/lib/ionic/js/angular/angular.js:6068:24
    at Array.forEach (native)
    at forEach (http://local/Simulator/lib/ionic/js/angular/angular.js:303:11)
    at getControllers (http://local/Simulator/lib/ionic/js/angular/angular.js:6067:11)
    at nodeLinkFn (http://local/Simulator/lib/ionic/js/angular/angular.js:6231:35)
    at compositeLinkFn (http://local/Simulator/lib/ionic/js/angular/angular.js:5640:15)
    at publicLinkFn (http://local/Simulator/lib/ionic/js/angular/angular.js:5545:30)
    at link (http://local/Simulator/lib/ionic/js/ionic.bundle.js:42518:61)

TypeError: Cannot read property ‘stagger’ of undefined
at afterReflow (http://local/Simulator/lib/ionic/js/ionic.bundle.js:30735:34)
at animate (http://local/Simulator/lib/ionic/js/ionic.bundle.js:31087:9)
at Object.enter (http://local/Simulator/lib/ionic/js/ionic.bundle.js:31138:18)
at http://local/Simulator/lib/ionic/js/ionic.bundle.js:30531:33
at Array.forEach (native)
at forEach (http://local/Simulator/lib/ionic/js/angular/angular.js:303:11)
at invokeRegisteredAnimationFns (http://local/Simulator/lib/ionic/js/ionic.bundle.js:30516:11)
at onBeforeAnimationsComplete (http://local/Simulator/lib/ionic/js/ionic.bundle.js:30507:11)
at progress (http://local/Simulator/lib/ionic/js/ionic.bundle.js:30547:13)
at animationPhaseCompleted (http://local/Simulator/lib/ionic/js/ionic.bundle.js:30518:15)

any idea how to resolve this?

4

No need to include angular.js. If you have Ionic bundle included you already got angular included. This should take care of things.

5

Thanks. including “jquery” at top solves my issue.

1 Like
6

Great! Glad to hear this.

7

Can you please share your solution? Thanks in advance.

8

In most cases, loading jquery before angular tends to solve most issues people have.