This demo uses the plugins1.js
- The multi-select capability implemented in plugins1.js is a demo
to show the great potentials of the calendar. You may modify it to suit your
own needs.
- Click on any date to select it into the list; click on any selected date
to remove it from the list.
- Holding the Shift, Ctrl or Alt key to select/remove multiple dates by
range.
- Hit and drag on the dates to select range, right-click to deselect range.
- Dragging is supported on IE4+(except Mac), NS6+, Mozilla, Safari and Konqueror3+.
- To submit the selected dates to the server end, you could either
- Submit all dates individually by concatenate the dates in the list field and assign the result into a hidden form field;
- Or, submit date ranges by utilizing the _pds array inside the plugin.
Please check out the submitByDates() and submitByRanges() javascript functions in this page. We also included 2 php source examples
(ByDate.php and ByRange.php) for how to retrieve the submitted values in the server end.
- To initialize a calendar with selected dates retrieved from server end, you should first follow the agenda
tutorial to create a dynamically generated agenda page (using ASP/JSP or whatever cgi). But
instead of generating fAddEvent() calls, you should
- generate a fAddRange(y,m,d,false) call for each date you retrieved from back-end;
- Or, generate a fAddRange(y,m,d,false) for the start date of a range, and followed by a fAddRange(y,m,d,true) for the end date of the range.
Looping through all ranges and generating calls in the same pattern.
Copyright© 2003-2004 Idemfactor Solutions,
Inc. All rights reserved.