konto usunięte

Temat: Datepicker/Timepicker w mobilnej wersji strony

Z tego co się dowiedziałem, występuje problem z elementami JQuery UI na przeglądarkach mobilnych. Datepicker i Timepicker są zastępowane jakimiś wbudowanymi w OS elementami.
Czy ktoś spotkał się z tym i dałby mi wskazówkę jak obejść ten problem?

konto usunięte

Temat: Datepicker/Timepicker w mobilnej wersji strony

Trudno rozwiązać problem który się nie pojawił. Jedyna moja sugestia to użycie wersji mobilnej jquery (o ile problem wystąpi) http://demos.jquerymobile.com/1.0a4.1/experiments/ui-d...

konto usunięte

Temat: Datepicker/Timepicker w mobilnej wersji strony

Problem w tym że ja nie posiadam żadnego samsunga poza pierwszym solidem. I nie mam też możliwości do jutra zobaczenia tego u kogoś kto ma smartfona samsunga. Ale dobrze wiedzieć że JQuery ma wersję mobilną, jakoś to mi umknęło i może w tym właśnie tkwi rozwiązanie problemu z samsungiem.

konto usunięte

Temat: Datepicker/Timepicker w mobilnej wersji strony

Opiszę problem z którym się spotkałem. Otóż na niektórych telefonach a na pewno na niektórych samsungach. Występuje taki błąd że po kliknięciu w input zamiast datepicker/timepicker pojawia się picker systemowy. Obejść to można dość łatwo, zmieniając typ input na text a jeszcze lepiej dodać przy okazji atrybut readonly.
Jednak to nie koniec problemów z datepicker z jQuery UI. Jeszcze do końca nie rozgryzłem od czego to zależy. Jednak w przypadku gdy są obok siebie dwa datepicker a układ strony mobilnej ma sztywne wymiary w pikselach. To przy wykorzystywaniu zoomu, kontener datepickera jest wyrzucany daleko poza okolice inputa. Przekłamanie pozycji kontenera wypozycjonowanego absolutnie w body, zależy od aktualnej pozycji zoomu.

Jest to bardzo ciekawy problem, nad którym przesiedziałem już masę czasu bez żadnego efektu. Może ktoś się z nim spotkał i zna jakieś rozwiązanie?

konto usunięte

Temat: Datepicker/Timepicker w mobilnej wersji strony

Dawidzie, zerknij na to: http://stackoverflow.com/questions/21833280/jquery-ui-...
może jest to dobry kierunek.
Ew. mogę zasugerować użycie jeszcze innego datepickera (może jego style będą bardziej przystępne): http://demos.telerik.com/kendo-ui/datepicker/index

Jeśli to nie pomoże spróbuj zrobić zrzut ekranu z widoku strony i podeślij część styli odpowiedzialnych za pozycjonowanie.

konto usunięte

Temat: Datepicker/Timepicker w mobilnej wersji strony

Zrzutu ekranu nie wiem jak zrobić na telefonie. A problem rozwiązałem statycznymi stylami CSS.
Jednak problem jest ciekawy i aby wystąpił należy na stronie z rozmiarami w pikselach, umieścić następujący układ elementów:


<div >
<div>
<input name="date1" type="text">
</div><div>
<input name="date2" type="text">
</div>
</div>


Wewnętrzne div powinny być inline, a inputy block. Ale nie jestem pewny, w każdym razie inputy u mnie były obok siebie. Muszą być też umieszczone kilkaset pikseli od górnej krawędzi body aby wyraźnie było widać błąd.
Przy użyciu zoomu, kliknięcie w input do którego podpięty jest datepicker jquery ui. Powoduje że jego kontener pozycjonowany absolutnie, zostaje wystrzelony daleko w dół. Pozycja zależy od scroll, ale nie udało mi się znaleźć dokładnej zależnoności.Ten post został edytowany przez Autora dnia 13.07.16 o godzinie 21:43

Następna dyskusja:

jquery datepicker restrict ...




Wyślij zaproszenie do