jQuery fbisCalender
A simple jQuery calendar control with drop down mode and a year selection method that allows a large range of years to be easily selected.
It has a drop down to select the year and month. It considers the selection made for the year when the last unit is selected. To get 1983 click on 1900, 80, 3 and the dropdown will dissapear when you click on the 3. This behaviour may well change in 0.2
Drop Down Mode
In drop down mode the calendar drops like a select box. You can supply the markup for the drop down arrow so it will match your sites styling.
In-line Mode
The calendar can be used in-line as a date selector for events listings etc. When a date change occurs the passed in 'onDateChange' function is called so you can handle updating your listings etc. It will optionally hide the bound textbox if required or the user can enter dates by hand and the display will update.
Text box hidden
With text box editing
Options
When creating an instance of the calendar you can pass in the following options
| Parameter | Description |
selectedDate |
The initial date the calendar displays as a date object |
dateFormat |
string representing the date format mm/dd/yyyy or dd/mm/yyyy (currently only supports uk, due for 0.2) |
yearSelector |
If true then the drop down year selector is used |
hideTextbox |
If true the text box the calendar is tied too is hidden. |
cssClass |
Css class that is appended to the main calendar wrapper so you can style them individually |
drop |
Html of the drop button. It is placed inside a span with a class of drop. When this is NOT blank the control goes into drop mode. |
dropObj |
A jQuery object to use to trigger the drop |
dropUnder |
A jQuery object that the calender will drop under. By default this is the hosting textbox, but you can pass another object if required. |
markup |
The html used to render the calendar. You can pass in your own version but be careful not to break the main structure else the calendar will not function correctly. |