jQuery Datepicker beforeShowDay - range selected

Question

I'm doing a website for an hotel, and I'm trying to do a datepicker to book the days that somebody wants to stay there.

http://jsfiddle.net/newpatriks/PmPGV/

Here you have that I have done, but I've some problems:

1. I don't know why, but when the users select the range days, the calendar starts from the month that contains the "end day" choosen.

2. The css run ok for the .temp_1, but not going well for the .temp_2 and .date_selected (I'm going crazy about this...)

Thanks a lot :)

Answer 1

JQuery Datepicker has a built in range select: datepicker/date-range .

Here is an example from the following question: jQuery datepicker- 2 inputs/textboxes and restricting range