Question

I am using Keith Wood’s great jQuery Datepicker plugin

I am using the datepicker in an admin system to show admin what dates have been booked for a venue.

I have a list of dates (pulled from a database) that are used to display these booked dates on the datepicker. But should admin want to change any of these dates and make the date available, the calendar doesn’t allow for me to ‘unselect’ the already selected date.

this is a scaled down version of the code, but the problem still exists, this code shows the dates of jun 26 & jun 27 as booked, but I cant select them to ‘un-book’ them.

 <script type="text/javascript">

    var bookedDaysList = [[6, 26], [6, 27]];

                function bookedDays(date, inMonth) { 
                    if (inMonth) {
                        for (i = 0; i < bookedDaysList.length; i++) {
                            if (date.getMonth() + 1 == bookedDaysList[i][0] &&
                                    date.getDate() == bookedDaysList[i][1]) {
                                return {dateClass: 'datepick-selected',selectable: true}; 
                            } 
                        } 
                    } 
                    return {}; 
                }

                /* create datepicker */

                jQuery(document).ready(function () {

                    jQuery('#show-dates').datepick({
                        dateFormat: 'dd-mm-yy',
                        altFormat: '[m,d]',
                        onDate: bookedDays,
                        buttonImage: 'css/images/datepicker.gif',
                        buttonImageOnly: true,
                        monthsToShow: 3,
                        multiSelect: 999,
                        showOn: 'both'
                    });
                });


</script>

Answer 1

After some research, I’ve found this datepicker that does the job…

http://multidatespickr.sourceforge.net/

I am suprised that the Keith Wood plugin doesn’t cater for this or have I missed this?