[JQuery] Datepicker - odblokowanie dni

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
Stef@n
Nowy
Nowy
Posty: 40
Rejestracja: sob lut 15, 2003 12:33 pm
Lokalizacja: Nowy Targ
Kontakt:

[JQuery] Datepicker - odblokowanie dni

Post autor: Stef@n »

Witam, mam pewnie problem z kalendarzem JQuery UI(Datepicker). Potrzebuje wykonać kalendarz w taki sposób aby:
1) Aby w całym przedziale czasowym np. 2 lata można było wybierać tylko wybrane dni z tygodnia np. tylko poniedziałki i środy.
Ten element wykonałem tak i DZIAŁA:

Kod: Zaznacz cały

$(document).ready(function() {
	$("#DataOd").datepicker({ 
		minDate: 0,
		maxDate: "+1Y", 
		numberOfMonths: 2,
		beforeShowDay:  function (date) {
			
			/* Blokowanie dni tygodnia */
			var dni_tygodna = ["1", "3"]; //wybrane dni tygodnia do odblokowania
			var dtDate = date.getDay().toString();
			if ($.inArray(dtDate, dni_tygodna) == -1) return [false,"","Nie można rezerwować w ten dzień!"];
			else return [true, ""];				
			
		}
	});
});
2) Do tego kalendarza potrzebuje zrobić wyjątek np. w przedziale czasowym od 7 lipca 2012 do 30 lipca 2012 mają wyłączyć się dni tygodnia z Punktu 1 (wyżej napisany), a mają odblokować się dni wybrane:
Wybrane dni wybieram tak i DZIAŁAJĄ:

Kod: Zaznacz cały

$(document).ready(function() {
	$("#DataOd").datepicker({ 
		minDate: 0,
		maxDate: "+1Y", 
		numberOfMonths: 2,
		beforeShowDay:  function (date) {
			
			/* Dodatkowe odblokowanie w przedziałach czasowych */
			var aktywne_dni = ["7-11-2012", "7-22-2012", "7-27-2012"]; //WYbrany dni do doblokowania
			var mm = date.getMonth() + 1, dd = date.getDate(), yy = date.getFullYear();
			var adDate = mm + "-" + dd + "-" + yy;
			var adfDate = adDate.toString();
			
			if ($.inArray(adfDate, aktywne_dni) == -1) return [false,"","Nie można rezerwować w ten dzień!"];
			else return [true, ""];					
			
		}
	});
});
Pierwszy problem polega na tym, że nawet jeśli spróbuje połączyć oba ustawienia z punktu 1 i 2 to działa tylko jedna z opcji. Oto przykład kodu, który próbowałem połączyć:

Kod: Zaznacz cały

$(document).ready(function() {
	$("#DataOd").datepicker({ 
		minDate: 0,
		maxDate: "+1Y", 
		numberOfMonths: 2,
		beforeShowDay:  function (date) {
			
			/* Blokowanie dni tygodnia */
			var dni_tygodna = ["1", "3"]; //wybrane dni tygodnia do odblokowania
			var dtDate = date.getDay().toString();
			if ($.inArray(dtDate, dni_tygodna) == -1) return [false,"","Nie można rezerwować w ten dzień!"];
			else return [true, ""];
			
			/* Dodatkowe odblokowanie w przedziałach czasowych */
			var aktywne_dni = ["7-11-2012", "7-22-2012", "7-27-2012"]; //WYbrany dni do doblokowania
			var mm = date.getMonth() + 1, dd = date.getDate(), yy = date.getFullYear();
			var adDate = mm + "-" + dd + "-" + yy;
			var adfDate = adDate.toString();
			
			if ($.inArray(adfDate, aktywne_dni) == -1) return [false,"","Nie można rezerwować w ten dzień!"];
			else return [true, ""];					
			
		}
	});
});
Przy powyższym kodzie wyświetlają się tylko wybrane dni tygodnia jak w ustawieniu 1, natomiast blokada pojedynczych dni nie zadziałała. Jak to połączyć i zrobić przedział z punktu ustawień 2, aby w przedziale wyświetlały się daty wybrane a poza przedziałem tylko dni tygodnia z pierwszego punktu.

Bardzo proszę o pomoc. Pozdrawiam
ODPOWIEDZ