Spisie treści
Niektóre z nich z bardziej skomplikowanym programowaniem niż inne lub po prostu ich implementacja mogą być dość pracochłonne, ale jQuery a jego pakiet biblioteczny daje nam metody budowania Selektory dat szybko i wydajnie dzięki najnowocześniejszej konstrukcji i obsłudze.Metoda Datepicker ()
Metoda selektor dat () zmienić wygląd HTML poprzez dodanie nowej klasy CSS, z tą modyfikacją dodawany jest kalendarz, który jest wyświetlany w elemencie typu input, wcześniej określonym w funkcji JavaScript.
Metoda selektor dat () można używać na dwa różne sposoby:
$ (selektor, kontekst) .datepicker (opcje) $ (selektor, kontekst) .datepicker ("akcja", parametry) Zobaczmy prosty przykład, jak to działa:
- Dodajemy biblioteki jQuery i CSS do naszego dokumentu.
- Naszą funkcję tworzymy w JavaScript i tworzymy instancję metody selektor dat i przypisanie mu selektora, w którym będzie wyświetlany.
- I wreszcie w HTML dodajemy id = selektor dat do wejścia wskazującego, że jego działanie, które po kliknięciu modyfikuje css i wyświetla kalendarz.
Data:
A w naszej przeglądarce wyglądałoby to tak:
jQuery UI Datepicker - Domyślna funkcjonalnośćData:
Zobaczmy bardziej zaawansowany przykład, w którym wykorzystamy kilka właściwości metody selektor dat za pomocą którego zweryfikujemy zakresy dat oraz liczbę kalendarzy do wyświetlenia.
- 1 - Najpierw dołączamy niezbędne pliki:
- 2 - Instancję metody tworzymy dwukrotnie dla dwóch pól o różnym typie danych wejściowych, do których dodajemy opcje sprawdzania, czy data wprowadzona w drugim polu nie jest większa niż drugie, a także liczba kalendarzy, które będą wyświetlane.
- 3 - Wreszcie tworzymy nasz wkład w HTML z kilkoma etykietami do ich identyfikacji.
[/ wcięcie] Od do
Zobaczmy, jak by to wyglądało w naszej przeglądarce:
jQuery UI Datepicker - Wybierz zakres dat Od doPodobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt
