Onsen calendar using carousel



  • 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


Log in to reply