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ę (IMG:style_emoticons/default/wink.gif)


Gdyby miało pomóc komuś, kto umie z tego korzystać (IMG:style_emoticons/default/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
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ł (IMG:style_emoticons/default/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.
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 (IMG:style_emoticons/default/wink.gif) za dużo pośredników (IMG:style_emoticons/default/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 (IMG:style_emoticons/default/wink.gif) działa (IMG:style_emoticons/default/biggrin.gif)

Jednak jest dziura... (IMG:style_emoticons/default/sad.gif) jak się zmieni miesiąc lub rok w tym kalendarzu wyboru miesiąca, to pokazują się dni (IMG:style_emoticons/default/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 (IMG:style_emoticons/default/sad.gif) gdy najpierw się wybierze miesiąc, to już zostaje taka sama klasa dla dnia (IMG:style_emoticons/default/sad.gif)


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

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

Anyway, dzięki wielkie za pomoc, Pyton (IMG:style_emoticons/default/smile.gif) bez Ciebie to mogłabym całą noc nad tym siedzieć i dalej tego nie mieć (IMG:style_emoticons/default/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
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 23.08.2025 - 11:17