Javascript 将p:schedule prev next按钮链接到p:calendar，如谷歌日历

当我们单击p:schedule的上一个或下一个导航时，我想移动p:calendar的选定日期（就像在google calendar中一样）

我在谷歌上搜索了解决方案。但是什么也没找到

---

任何帮助都将不胜感激。

好吧，我想下面的代码解决了我的问题

 $('.fc-button-next').click(function(){
             myFullCal = scheduleWidget.jq.children(":first");
                    var view = myFullCal.fullCalendar('getView');
                    if(view.name=='agendaDay')
                    {
                        var selectedDate=searchCalVar.getDate();
                        searchCalVar.setDate(null);
                        var nextDate=new Date(selectedDate.setDate(selectedDate.getDate()+1));
                        searchCalVar.setDate(nextDate);
                     }
                });

                $('.fc-button-prev').click(function(){
                    myFullCal = scheduleWidget.jq.children(":first");
                    var view = myFullCal.fullCalendar('getView');
                    if(view.name=='agendaDay')
                    {
                        var selectedDate=searchCalVar.getDate();
                        searchCalVar.setDate(null);
                        var nextDate=new Date(selectedDate.setDate(selectedDate.getDate()-1));
                        searchCalVar.setDate(nextDate);
                     }
                });

---

我使用Primefaces 5.2并基于示例Lazy Schedule showcase实现了一个解决方案。

通过单击导航按钮prev或next p:schedule， 将生成一个事件，该事件调用接收 开始日期和结束日期p:日历。 每次单击都会调用具有新日期的方法

请参见示例代码的一部分：

public void init() {         
   ScheduleModel lazyEventModel = new LazyScheduleModel() {             

        public void loadEvents(Date startDate, Date endDate) {
            Date random = getRandomDate(startDate);
            addEvent(new DefaultScheduleEvent("Lazy Event 1", random, random));                 
            random = getRandomDate(endDate);
            addEvent(new DefaultScheduleEvent("Lazy Event 2", random, random));
        }  
    };
}

 $('.fc-button-next').click(function(){
             myFullCal = scheduleWidget.jq.children(":first");
                    var view = myFullCal.fullCalendar('getView');
                    if(view.name=='agendaDay')
                    {
                        var selectedDate=searchCalVar.getDate();
                        searchCalVar.setDate(null);
                        var nextDate=new Date(selectedDate.setDate(selectedDate.getDate()+1));
                        searchCalVar.setDate(nextDate);
                     }
                });

                $('.fc-button-prev').click(function(){
                    myFullCal = scheduleWidget.jq.children(":first");
                    var view = myFullCal.fullCalendar('getView');
                    if(view.name=='agendaDay')
                    {
                        var selectedDate=searchCalVar.getDate();
                        searchCalVar.setDate(null);
                        var nextDate=new Date(selectedDate.setDate(selectedDate.getDate()-1));
                        searchCalVar.setDate(nextDate);
                     }
                });

public void init() {         
   ScheduleModel lazyEventModel = new LazyScheduleModel() {             

        public void loadEvents(Date startDate, Date endDate) {
            Date random = getRandomDate(startDate);
            addEvent(new DefaultScheduleEvent("Lazy Event 1", random, random));                 
            random = getRandomDate(endDate);
            addEvent(new DefaultScheduleEvent("Lazy Event 2", random, random));
        }  
    };
}