Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][jQuery UI] datepicker wybór miesiąca
muumiin
post
Post #1





Grupa: Zarejestrowani
Postów: 105
Pomógł: 0
Dołączył: 17.09.2014
Skąd: Kraków

Ostrzeżenie: (0%)
-----


Potrzebuję mieć na stronie dwa pola z wyborem daty - nazwane datepicker i datepicker1.
Datepicker ma służyć do pola wyboru dnia, a datepicker1 - do wyboru miesiąca.
Znalazłam rozwiązanie, które działa, gdy na stronie jest tylko datepicker1 - po prostu ukrywa pola z dniami za pomocą CSS. Ale niestety problem pojawia się, gdy na tej samej stronie potrzebuję mieć również zwykły kalendarz, bo w nim też ukrywa te pola. Wie ktoś, jak użyć tego CSS tak, aby dotyczyło tylko pola datepicker1?


http://jsfiddle.net/a5hffh1u/

Sorki za wygląd kalendarza, nie chciałam kopiować całego pliku jQueryUI.css, bo zaciemniłoby sprawę wink.gif


Gdyby miało pomóc komuś, kto umie z tego korzystać wink.gif :
http://api.jqueryui.com/datepicker/

Ten post edytował muumiin 5.02.2015, 10:11:18
Go to the top of the page
+Quote Post
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




Ale kombinujesz... Nie mozesz poprostu dac dwoch pol SELECT, w jednym do wyboru dni a w drugim miesiace? Po grzyba mieszasz do tego datepicker? Datepicker słuzy do wyboru pełnej daty.

Od biedy możesz tak ustawic format zwracanej daty w datepicker, ze bedzie zwracał tylko dzien albo tylko miesiac. To sie robi w parametrach inicjalizacji datepickiera dla danego pola


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
muumiin
post
Post #3





Grupa: Zarejestrowani
Postów: 105
Pomógł: 0
Dołączył: 17.09.2014
Skąd: Kraków

Ostrzeżenie: (0%)
-----


Nasz klient nasz Pan, tak chce mieć - to tak będzie miał smile.gif

To rozwiązanie działa, ale nie potrafię zrobić tak, żeby odnosiło się tylko do drugiego kalendarza. Jeśli jest w CSS -ie ten krótki tekst - drugi kalendarz działa tak, jak powinien. Jeśli go nie ma - pierwszy działa dobrze. Ale nie mogę zrobić tak, żeby oba działały
Go to the top of the page
+Quote Post
nospor
post
Post #4





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




Czasami trzeba uswiadomic klientowi, że wymyśla głupoty...
No nic, powodzenia.


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
muumiin
post
Post #5





Grupa: Zarejestrowani
Postów: 105
Pomógł: 0
Dołączył: 17.09.2014
Skąd: Kraków

Ostrzeżenie: (0%)
-----


a umiałbyś napisać jakąś pętlę typu : if widżet dla pola #datepicker1 jest widoczny to "coś tam coś tam" (tutaj w "coś tam coś tam" wpiszę sobie zmianę stylu").

A poza tym - nic nie uświadomię klientowi, bo nie mam z nim kontaktu wink.gif za dużo pośredników wink.gif

Ten post edytował muumiin 5.02.2015, 10:34:26
Go to the top of the page
+Quote Post
Pyton_000
post
Post #6





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

Ostrzeżenie: (0%)
-----


http://jsfiddle.net/rc2w5c3j/
Go to the top of the page
+Quote Post
muumiin
post
Post #7





Grupa: Zarejestrowani
Postów: 105
Pomógł: 0
Dołączył: 17.09.2014
Skąd: Kraków

Ostrzeżenie: (0%)
-----


Dzięki Pyton, fajnie że rozumiesz, że nie chodzi o krytykowanie klienta wink.gif działa biggrin.gif

Jednak jest dziura... sad.gif jak się zmieni miesiąc lub rok w tym kalendarzu wyboru miesiąca, to pokazują się dni sad.gif dasz radę to naprawić, czy mam sama sobie z tym jakoś dać radę?

Ten post edytował muumiin 5.02.2015, 11:28:47
Go to the top of the page
+Quote Post
Pyton_000
post
Post #8





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

Ostrzeżenie: (0%)
-----


http://jsfiddle.net/rc2w5c3j/1/

Trochę zmieniłem. Dodałem do beforeShow 2 kawałki i klasę do CSS
Go to the top of the page
+Quote Post
muumiin
post
Post #9





Grupa: Zarejestrowani
Postów: 105
Pomógł: 0
Dołączył: 17.09.2014
Skąd: Kraków

Ostrzeżenie: (0%)
-----


jak jakiś input znajdzie się przed kalendarzem, to przestaje działać wybór dnia sad.gif gdy najpierw się wybierze miesiąc, to już zostaje taka sama klasa dla dnia sad.gif


http://jsfiddle.net/rc2w5c3j/3/

Już rozwiązałam sama smile.gif przy tym datepickerze od miesiąca dałam beforeShow addClass..., a onClose removeClass.... Trochę to uprościłam smile.gif

Anyway, dzięki wielkie za pomoc, Pyton smile.gif bez Ciebie to mogłabym całą noc nad tym siedzieć i dalej tego nie mieć wink.gif

Ten post edytował muumiin 5.02.2015, 16:24:54
Go to the top of the page
+Quote Post
Pyton_000
post
Post #10





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

Ostrzeżenie: (0%)
-----


http://jsfiddle.net/rc2w5c3j/4/
W beforeShow musisz zmienić nazwy klas w removeClass
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 00:56