Witam
Robię kalendarz rezerwacji z wykorzystaniem php, bazy danych i javasriptu.
Wszystko już mam i ładnie mi działa. tylko teraz chciałem zrobić zaznaczanie zakresu dat cos jak w datapickerze.
I mam problem bo jak kliknę raz na datę a później drugi to ładnie mi wybiera zakres dat ale później cały czas wybiera mi datę początkową i końcową tą samą.

Kalendarz wygląda mniej więcej tak

  1. <tr>
  2. <td>Jakiś pokój</td>
  3. <td title="2012-08-12" rel="5" id="dni_wolne">
  4. <td title="2012-08-13" rel="5" id="dni_wolne">
  5. <td title="2012-08-14" rel="5" id="dni_wolne">
  6. </tr>



A kod do obsługi kliknięć tak

[JAVASCRIPT] pobierz, plaintext
  1. $('[id="dni_wolne"]').click (function () {
  2.  
  3. if (typeof poczatek=="undefined")
  4. {
  5. poczatek = $(this).attr('title');
  6. }
  7.  
  8. $(this).parent().find('#dni_wolne').attr('id','koniec');
  9.  
  10. $('[id="koniec"]').click(function () {
  11. var koniec = $(this).attr('title');
  12. $.ajax({
  13. type: "POST",
  14. url: "/dodaj_rez",
  15. data: { poczatek: poczatek, koniec: koniec, id_pokoju: $(this).attr('rel') }
  16. }).done(function(data) {
  17. $('.dodaj_rez').append(data);
  18. });
  19. $(this).parent().find('#koniec').attr('id','dni_wolne');
  20. delete poczatek;
  21. });
  22. });
[JAVASCRIPT] pobierz, plaintext


Można zamknąć. Dałem po prostu odświeżenie strony po zamknięciu popupa z rezerwacją chyba że ktoś ma jakieś lepsze rozwiązanie.