Calendar control in ionic framework/phoneGap

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?

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

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?

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

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

1 Like

Great! Glad to hear this.

Can you please share your solution? Thanks in advance.

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