Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [jQuery][DatePicker] Kalendarz pojawia się pod warstwą strony, W ostateczności go po prostu nie widać :( Jak wyjąć go na samą górę ?
Sajrox
post
Post #1





Grupa: Zarejestrowani
Postów: 254
Pomógł: 7
Dołączył: 9.10.2007
Skąd: Poznań

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


Witam,

Czy ktoś spotkał się z problemem że w pluginie DatePicker (http://docs.jquery.com/UI/API/1.7.2/Datepicker)

okienko kalendarza otwiera się pod wszystkimi warstwami. Na stronie mam kilka warstw i niestety kalendarz pojawia się pod nimi w wyniku czego w ogóle go nie widać (IMG:style_emoticons/default/sad.gif)

Wszędzie w stylach pluginu dodałem w kilku miejscach z-index: 99999999999999;  bez skutku :/

Czy ktoś wie może jak to rozwiązać (IMG:style_emoticons/default/questionmark.gif)


Rozwiążę jednak to trochę inaczej.
Zamiast otwierać okno kalendarze po najechaniu na inputa, wyświetle go na stałe w elemencie DIV.

Pytanie tylko co zrobić by kod:
  1. $("#datepicker").datepicker('getDate')

Zwracało datę w formacie yy-mm-dd ? Z tego co widze getDate nie reaguje na ustawienia w setDefaults()


Problem rozwiązano (IMG:style_emoticons/default/smile.gif)
----------------ROZWIĄZANIE-----------------
  1. // Ustawienia kalendarza
  2. $.datepicker.setDefaults({
  3. monthNames: ['Styczeń','Luty','Marzec','Kwiecień','Maj','Czerwiec','Lipiec','Sierpień','Wrzesień','Październik', 'Listopad', 'Grudzień'],
  4. dayNames: ['Dimanche2', 'Lundi2', 'Mardi2', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
  5. dayNamesMin: ['Pn', 'Wt', 'Śr', 'Czw', 'Pt', 'Sob', 'Nd'],
  6. altFormat: 'yy-mm-dd',
  7. dateFormat: 'yy-mm-dd',
  8. showOn: 'both',
  9. speed: 'fast',
  10. showAnim: false
  11. });
  12.  
  13. // Zaladowanie kalendarza
  14. $("#datepicker").datepicker();
  15.  
  16. // reakcja na zdarzenie oraz wstawienie daty do pola hidden formularza
  17. $("#datepicker").click(
  18. function(){
  19. var dataYYMMDD = $.datepicker.formatDate( "yy-mm-dd", $(this).datepicker("getDate"));
  20. $("#data").val(dataYYMMDD);
  21.  
  22. }
  23. );


Ten post edytował Sajrox 15.09.2009, 10:18:45
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: 24.08.2025 - 12:43