Napisanie skryptu js/jquery datepicker
7000 PLNZlecę napisanie skryptu js/jquery datpicker (wysuwany layer z kalendarzem do wyboru dat) dla branży travel.
Datepicker ma wyglądać podobnie do tego jaki jest na booking.com, parkos.com na mobile tj:
- powinien wysuwać się z dołu
- powinien oferować wybranie zakresu z dwóch pól input
- powinien zawierać tylko daty bez zbędnych innych dodatków (tj bez miejsca i innych inputów)
Nie znalazłem takiego rozwiązania opensource dostępnego do pobrania i przerobienia, sprawdzałem różne np: Flatpickr, Air Datepicker, Daterangepicker niestety one nie oferują takie ux jaki ma booking.com czy parkos.com
Datepicker dotyczy strony: parkingi.pl
Bardzo zależy mi na poprawnie obecnej logiki wybierania daty. Input 1 oraz input 2 muszą uwzględniać zmiany w nich wprowadzane oraz pokazywać zakres wybranych dni
Zakres zlecenia:
Utworzenie datepicker dla strony www.parkingi.pl
Wygląd datepicker dla mobile i desktop powinien być inny (opisałem to poniżej)
Wytyczne
Datepicker dla mobile
Obsługa dwóch pól input:
data przyjazdu na parking,
data wyjazdu z parkingu
Datepicker wysuwany z dołu tak jak to ma miejsce na booking.com lub parkos.com
Kalendarz w datepicker powinien być ułożony miesiącami jeden pod drugim tak jak na stronach podanych powyżej
Możliwość zamknięcia layer przyciskiem X
Datepicker dla desktop
Wygląd podobny do obecnego z tą różnicą, że logika działania taka jak opisana w punkcie 3
Osobne pola do wybierania daty przy każdym polu (Input 1 i Input 2)
Logika działania input 1 (data początkowa), oraz input 2 (data końcowa)
Możliwość wybrania zakresu dat z zaznaczeniem daty początkowej i końcowej
Zdarzenie po kliknięcie input:
Input 1: przy wyborze daty początkowej przycisk “gotowe” (tak jak na mobile booking.com) musi być nieaktywny do czasu wyboru daty końcowej.
Jeżeli ktoś już wybrał datę końcową, a data początkowa jest większa, data końcowa musi się zerować. Input 1 powinien obsługiwać wybranie zakresu (data początkowa i końcowa)Input 2: input obsługuje tylko datę końcową (jeżeli początkowa została już wybrana).
Jeżeli data początkowa w input 1 nie została wybrana wybieramy zakres (datę początkową i końcową).
Jeśli data końcowa jest mniejsza od daty początkowej (z input 1), wtedy wybieramy zakres (datę początkową i końcową)
Warunki akceptacji
Wykonanie zlecenia według wytycznych
-
10 dni7000 PLN
11616 44 0 10 dni7000 PLNCześć! Mam doświadczenie w tworzeniu niestandardowych rozwiązań dla stron internetowych i mogę stworzyć datepicker z odpowiednim UX, jak na booking.com lub parkos.com, z uwzględnieniem Twoich wymagań. Zapewnię poprawną logikę wyboru zakresu dat dla wersji mobilnych i desktopowych. Jestem gotów omówić szczegóły projektu i zaproponować optymalne podejście!
-
Oferta, która wygrała10 dni7000 PLN
3720 111 3 5 Oferta, która wygrała10 dni7000 PLNDzień dobry, Daniel,
Opracowuję niezbędny skrypt do wyboru dat w formie kalendarza na jQuery.
Z poważaniem, Yuri
-
7 dni7000 PLN
95572 1271 1 10 7 dni7000 PLNWitam. Mam duże doświadczenie w tworzeniu stron internetowych. Jestem gotowy do współpracy
-
1 dzień6700 PLN
310 1 dzień6700 PLNDzień dobry! Zrobię niestandardowy DatePicker.
Jestem gotowa omówić szczegóły.
Piszcie, zrobię szybko i jakościowo)
Stawka godzinowa $4/godz.
Moja praca na React+Node.js:
https://freelancehunt.com/showcase/work/sayt-full-stack-reactjs-node-mongodb-express/1889361.html
- HTML/CSS/JS:
salon-rust-alpha.vercel.app
-
3 dni7000 PLN
343 3 dni7000 PLNDzień dobry
Ponad 8 lat zajmuję się składaniem
Zrobię warstwę samopisania, ładnie dostosuję wtyczki
Praca będzie wykonana zgodnie z BEM, vanilla JS, pixel-perfect
-
5 dni6999 PLN
2245 22 0 5 dni6999 PLNOpracuję dla Was Datepicker najwyższej jakości, dostosowany do Waszych potrzeb. Posiadam duże doświadczenie w realizacji podobnych skryptów w języku JavaScript. Na podstawie szczegółowo opisanego przez Was zakresu zadań (TŻ) wykonam projekt zgodnie z wymaganiami oraz wzorami wskazanymi na podanych stronach. Zapewniam terminowość i profesjonalne podejście.
-
14 dni7000 PLN
3623 55 2 14 dni7000 PLNAby stworzyć Datepicker podobny do tego na Booking.com, można użyć biblioteki **Air Datepicker** i dostosować ją:
1. Ustawić otwieranie w formie wysuwanego panelu od dołu.
2. Zaimplementować wybór zakresu dat (start/end).
3. Zminimalizować interfejs, pozostawiając tylko kalendarz.
Jeśli potrzebujesz, mogę dostarczyć gotowy kod lub pomóc w konfiguracji.
Siedlce