Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery]Datepicker wielokrotnie na jednej stronie
Forum PHP.pl > Forum > Przedszkole
lustfingers
Próbuje umieścić datepicker w inpucie na stronie z tym że tych inputów może być nieograniczona ilość a każdy z nich ma to samo id i name. Chcę umieścić konkretnie to: http://jqueryui.com/datepicker/
Pierwszy input docelowo ma być ukryty i pozostać pusty po to aby podczas kopiowania pole było puste gdyż nie jest obowiązkowe. To mam:
https://jsfiddle.net/wpbsy0pw/

Co dalej, jak to ugryźć?
trueblue
Zamiast co dalej, wróciłbym do początku. Id elementu ma być unikalne.
lustfingers
Jakaś podpowiedź jak to zrobić? Jeśli w inpucie da sie dodać jakąś inkrementacje to w skrypcie również trzeba to uwzględnić.
strife
Kolega wyżej napisał, ale skoro nie widziałeś to specjalnie dla Ciebie jeszcze raz:

Id elementu ma być unikalne.
lustfingers
Widziałem dlatego pytam jak to zrobić żeby ID każdego elementu było unikalne i przy tym działało to po stronie funkcji wywołującej datepicker? Gdybym nie był początkującym to pisał bym w innym dziale, niestety posiadam ograniczoną wiedzę i zanim zadam tutaj pytanie sporo szukam w sieci, lecz nie zawsze wiem czego szukać lub jak zastosować znaleziony przykład.
viking
Id jest unikalne natomiast klasa już nie. Dodaj np klase calendar i podpinaj do tych elementów.
lustfingers
Zrobiłem coś takiego https://jsfiddle.net/wpbsy0pw/3/ działa dla widocznych inputów natomiast dla sklonowanych już nie co_jest.gif
viking
Przypinasz zdarzenie raz ale juz nie do dynamicznie dodanego pola.
http://stackoverflow.com/questions/1043315...jquery-jqueryui
lustfingers
Za pewne nie zrozumiałem do końca o co chodzi ale jak zrobię tak: https://jsfiddle.net/wpbsy0pw/4/ to w nowych pokazuje się datepicker ale aktualizuje mi tylko pierwszego inputa.
viking
To kiedy w końcu łaskawie poprawisz to id?
lustfingers
Póki co błądzę smile.gif wiem o co chodzi widzę że nowo utworzone inputy mają po prostu 0 na końcu id.

Szukam na razie jakichś informacji jak to ogarnąć.
woxala123
https://jsfiddle.net/wpbsy0pw/4/
Tu jest zrobione tak że w polu input wybierasz datę ,ona pokazuje się i nastepnię klikasz przycisk + i pokazuje sie następne pole z wybraną datą.
lustfingers
@woxala123 no to jest link do mojego fidla biggrin.gif i nie działa tak jak powinno.
woxala123
To odpowiedź moze tutaj znajdziesz.
http://stackoverflow.com/questions/1080351...multiple-inputs
viking
Masz usunąć wielokrotne id z tego dokumentu. Naprawde ile można się powtarzac.
lustfingers
@viking być może to co mam zrobić jest bardzo proste, ja po prostu nie rozumiem co mam zrobić dlatego kombinuję tak po stronie html jak i po stronie js co najczęściej kończy się tym że przestaje działać funkcja clone lub blokuje mi możliwość wyboru dnia w kalendarzu.

Po kilku próbach zrobiłem to tak: https://jsfiddle.net/wpbsy0pw/5/ i działa natomiast w konsoli jest sporo błędów js więc dalej coś zrobiłem źle.
thek
I będzie sypało nadal. Zobacz jak przypisujesz datepicker. Wszyscy mówią o unikalnych id i coś tam Ci świta bo zacząłeś kleić je z użyciem inkrementowanej zmiennej, ale gdy już jakiś utworzysz, to chyba trzeba jeszcze sprawić, by do niego datepicker się podbindował. I na to teraz warto popatrzeć.
lustfingers
Dzięki za sugestie, najlepsze jest to że błędy są tylko na jsfiddle gdy przeniosłem to do roboczego dokumentu w konsoli czysto blink.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.