How do I create more than one calendar and link them together?

[isteven]

Hi,

I need to create two calendars, showing current month & current month + 1 (for example, september and october 2015).

These calendar would be linked together; if I click the "Next" button on one calendar, the other one will also advance to the next month, like:

Calendar 1: September 2016 Calendar 2: October 2016

I click "Next" on calendar 1, then they'll be:

Calendar 1: October 2016 Calendar 2: November 2016

What is the best way to do this?

Thanks.

[twinssbc]

@isteven You can control the calendar navigation by changing the ng-model variable. Let's say the first calendar is bound to currentDate, the second calendar is bound to currentDate2. Then in the rangeChanged callback of first calendar, you can do something like:

    $scope.rangeChanged = function (startTime, endTime) {
        var time = new Date($scope.currentDate);
        time.setMonth($scope.currentDate.getMonth() +1);
        $scope.currentDate2 = time;
    };