[singollo]

Webmirki, problem z input type='date'. Chciałbym w przeglądarkach mobilnych używać wbudowanego datepickera, ale w desktopowych - datepickera z jQuery UI. W Firefoxie działa to ładnie (bo on nie obsługuje pól typu 'date' :P), ale datepicker chrome jest wyjątkowo niefajny - po pierwsze, brzydki, po drugie, nie styluje się (a nawet, gdyby się stylował to to dodatkowa robota), po trzecie, triggeruje po kliknięciu w taką małą gównostrzałkę, a nie 'on focus'.

No i zwracam się do was z zapytaniem - jak skutecznie oddzielić przeglądarki desktopowe od moblinych?

#javascript #frontend #webdev

[rbielawski]

@singollo: rozmiar ekranu + czy obsługiwane są touch eventy?

[Textter]

Odradzam korzystanie z input type='date'. Póki co ma bardzo małe wsparcie w przeglądarkach ( http://caniuse.com/#feat=input-datetime ). Lepiej zmienić na type='text' i wszędzie używać jakiegoś datepickera.

[KrzysztofKrawczyk]

@singollo: jak już bardzo chcesz iść tą drogą zamiast po prostu wszędzie wrzucić pole z type="text" i js-owy datepicker do tego, to możesz użyć np. takiego pluginu

[m.....x]

Rozwiązaniem problemu jest https://modernizr.com/

[strongBAD]

@singollo: polecam zaproponowane rozwiązanie @mafgifx modernizr rozwiązuje problem detekcji przeglądarki i determinacji czy to mobile czy nie, rozdzielczość to nie wszystko, Modernizr sprawdza też user agenta. Co do wykorzystywania feature z html5 w budowanych w przeglądarkach to nie korzystał bym z tego - każda przeglądarka implementuje to 'na swój sposób' nie będziesz miał nad tym kontroli - sugeruję użycie zewnętrznej biblioteki do obsługi, jq jest jednym z rozwiązań.

[singollo]

@Textter: jQuery datepicker bardzo słabo działa na małych ekranach. W testach na wielu urządzeniach (iPhone5!) fragment pickera wyjeżdża poza ekran.

[Textter]

@singollo: Może taki będzie lepszy: https://eonasdan.github.io/bootstrap-datetimepicker/

[singollo]

@mafgifx: @strongBAD: o ile się orientuję, to nie ma modernizr.mobile :/
Póki co przyjąłem sobie następujące warunki dla użycia natywnego datepickera:

(obsluguje natywnie datepickera) && (jest dostępny touch) && (dostępny ekran ma mniej 768px szerokości i / lub 600px wysokości)

Dla pozostałych użyję tego z jquery

[ennovum]

@singollo: ja bym próbował zrobić feature detection tworząc , a potem sprawdzając jego type w JS.