javascript - 链接 p :schedule prev next button to p:calendar like google calendar

Question

当我们点击 p:schedule 的上一个或下一个导航时，我想移动 p:calendar 的选定日期(就像在谷歌日历中一样)。

 <p:calendar mode="inline" navigator="true" id="inlineCal" widgetVar="searchCalVar"
    value="#{bean.miniCalDate}" style="width:200px;">
        <p:ajax event="dateSelect" listener="#{bean.handleDateSelect}" update="calendarselectedvalue accord" />
    </p:calendar>

    <p:schedule id="schedule"  value="#{bean.eventModel}"
    widgetVar="scheduleWidget" draggable="true" resizable="false" allDaySlot="true" slotMinutes="15" firstHour="9" initialDate="#{bean.miniCalDate}"    timeZone="UTC" view="agendaWeek" leftHeaderTemplate="today, ,prev,next" rightHeaderTemplate="agendaDay,agendaWeek,month">
    </p:schedule>

我试过了

     $('.fc-button-next').click(function(){
        myFullCal = scheduleWidget.jq.children(":first");
        var view = myFullCal.fullCalendar('getView');
        if(view.name=='agendaDay')
        {
        //  var newDate=myFullCal.fullCalendar('getDate');
           // var newDate=new Date($(PrimeFaces.escapeClientId('accord:calendarselectedvalue')).val());
//      var nextSelectedDate=new Date(newDate.setDate(newDate.getDate()+1));
        //var newMonth= newDate.getMonth()+1;
        //var year = newDate.getFullYear()+"";
        //var newYear=year.substring(2);
        //var nextDate=newDate.getDate()+'/'+newMonth+'/'+newYear;
        cal = searchCalVar.jq.children(":first");
        cal.input.val("27/6/14");
        }
    });

我已经用谷歌搜索了解决方案。但什么也没找到。

任何帮助将不胜感激。

Answer 1

我使用 Primefaces 5.2 并基于示例 Lazy Schedule 展示实现了一个解决方案。 http://www.primefaces.org/showcase/ui/data/schedule.xhtml

通过单击导航按钮上一页或下一页:日程表，生成一个事件，调用 init() 方法接收startDate 日期和 endDate p:calendar。每次单击都会使用新日期调用该方法。

查看部分示例代码:

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));
        }  
    };
}