3. Onsen calendar using carousel

Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

Onsen calendar using carousel

  • J

    Hello,

    I am trying to create a calendar for my application. I have found this directive :
    https://github.com/twinssbc/AngularJS-ResponsiveCalendar

    which works really well and they have created a version of the same directive for Ionic framework:
    https://github.com/twinssbc/Ionic-Calendar

    I managed to convert the latter to work with OnsenUI. The thing is that the directive keeps only 3 carousel items and as you swipe left or right it computes the adjacent months/days/weeks and refreshes.

    In Ionic you can add a property to tell to the carousel to always loop (like infinite carousel). That way there are only 3 carousel items but you can loop continuously around them. How can the same behavior be achieved in Onsen?

    here is the CodePen link of the directive working with OnsenUI: https://codepen.io/jc86/pen/dpZBXV

    0