czwartek, 29 marca 2012

Choosing a calendar (datepicker) - javascript(JQuery) component/script to pick/choose dates

Background

A month ago I had a php project, which had to enable people to book accomodations. They should have ability to pick start and end date, see which days are available for reservation.

I spent lot of time - as usually - to get the best script/solution, with many options, enabled for

customisation, and compatible with most browsers, and of course reliable/tested.

Usage / Great for:

-lodging reservation systems,
-online scheduling, booking, reservation and appointment software for any business (any hotel, holiday home,

holiday resort or travel agent),
-ticket purchasing systems,
-even simple applications requiring picking dates.

Desired functionality:

-overriding the style (of a jQuery UI datepicker)
-setting available days
-disable specific days
-choose one/multiple dates (range)
-minimum/maximum selectable date

Other solutions, which I took into account, but resigned due to not useful enough or not working properly.
-http://www.ajaxline.com/10-best-jquery-datepickers-plugins
-http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerStartEnd.html
Very interesting script:
-http://www.filamentgroup.com/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/

Conclusion

Best solution is YUI 2: Calendar at http://developer.yahoo.com/yui/calendar/
The look of the Calendar:



The Calendar component is a UI control that enables users to choose one or more dates from a graphical

calendar.

Brak komentarzy:

Prześlij komentarz