[jQuery]Datepicker wielokrotnie na jednej stronie Opcje

[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

Ten post edytował lustfingers 25.03.2017, 11:44:48

[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ę 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ą.

Ten post edytował woxala123 26.03.2017, 12:15:49

[lustfingers]

@woxala123 no to jest link do mojego fidla 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