This demo uses the plugins1.js
- You can remove the pre-selected dates by editing the agenda.js file.
- 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
- Click on any date to select it into the list; click on any selected date
to remove it from the list. Click on the DoW (day of week) caption will select the
whole day column of current month. Click on week number will select the whole week.
- Holding the Shift, Ctrl or Alt key to select/remove multiple dates by
- 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
(ByDate.php and ByRange.php) for how to retrieve the submitted values in the server end.
- 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.
- To initialize a calendar with selected dates retrieved from server-end, you should
- create a fAddRange(y,m,d,false) call for each single date;
- 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.
- Organize these calls in a fInitAgenda() function as shown in the header of this page, and set it in the page onload event.
- Use ASP/JSP/PHP tags to generate the fInitAgenda() so that you can get the dates from server-end.
- If you are using ASP.net, please do NOT convert the SELECT html tag to ASP.net control. Instead, you should convert the hidden input field populated by submitByDates(). Because otherwise ASP.net will populate the SELECT tag after each postback, while the fInitAgenda() fired from the onload event will do the same thing - the result is that everything is doubled in the SELECT.
Copyright© 2003-2007 Idemfactor Solutions,
Inc. All rights reserved.