Ocena wątku:
  • 1 głosów - średnia: 1
  • 1
  • 2
  • 3
  • 4
  • 5
[JQuery] Datepicker - odblokowanie dni
#1
Wink 
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:
$(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:
$(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:
$(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[/code][/b]
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
Sad HTML/CSS/JQUERY - Potrzebuje pomocy / Bezradność jokerblitzz 10 10,227 28-04-2016, 00:24
Ostatni post: mubi
  jquery? mordrag 0 2,336 29-03-2015, 17:44
Ostatni post: mordrag
  aby funkcja JQuery zadzialala po okreslonym czasie Arnimarl 2 3,820 25-05-2014, 07:38
Ostatni post: Arnimarl
  Konflikt Mootools/Jquery kurde 2 3,240 31-10-2013, 01:44
Ostatni post: kornell
  Slider z jQuery lomek 2 3,753 19-10-2013, 04:40
Ostatni post: lomek

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl