| Issue 2058: | create a nivigation bar in the footer | |
| 1 person starred this issue and may be notified of changes. | Back to list |
You can see it on this page : http://wijmo.com/demo/explore/?widget=EventsCalendar&sample=Overview It's a navigation bar with : on day view : prev_month / current month / all day of currentmonth / next month on week view : week -2, week -1, current weekn week +1, week +2 on month view : prev year, current year, all month of year / next year This issue replace the datepicker button.
Jun 7, 2014
(No comment was entered for this change.)
Status:
Duplicate
Mergedinto: 383 |
|
| ► Sign in to add a comment |
I answer myself. To do it : include these scripts. You can find them on github. JHTML::script('jquery.wijmo.wijutil.js', $folder . 'javascript/'); JHTML::script('globalize.min.js', $folder . 'javascript/'); JHTML::script('globalize.cultures.js', $folder . 'javascript/'); JHTML::script('jquery.wijmo.wijpopup.js', $folder . 'javascript/'); JHTML::script('jquery.wijmo.wijdatepager.js', $folder . 'javascript/'); and this css file : JHTML2::_('stylesheet', 'jquery.wijmo.wijdatepager.css', $folder); include in your html page this code : <div id="datepager" style="margin-top:20px"></div> declare a mapping in your js : AEFC.tabmapping = { //FC view : datepager View 'agendaDay': 'day', 'agendaWeek': 'week', 'month': 'month', 'agendaList': 'month' }; initialize your object _before your FC object_ : $("#datepager").wijdatepager({ viewType: "month", firstDayOfWeek: 1, culture: "fr-FR", selectedDateChanged: function (e, args) { $('#AEFC').fullCalendar('gotoDate', args.selectedDate); } }); Add this lines in the ViewDisplay method $("#datepager").wijdatepager("option", "viewType", AEFC.tabmapping[view.name]); $("#datepager").wijdatepager("option", "selectedDate", $('#AEFC').fullCalendar('getDate')); It's good !