Freelance projects

Freelance projects

Writing a js/jquery datepicker script

Javascript and Typescript — incorrectly specified categories?

1864 USD

Project translated automatically. Log in or register, to view the original

I will commission the writing of a js/jquery datepicker script (a dropdown layer with a calendar for date selection) for the travel industry.
The datepicker should look similar to the one on booking.com, parkos.com on mobile, i.e.:
- it should slide up from the bottom
- it should offer the selection of a range from two input fields
- it should only contain dates without unnecessary additional features (i.e. without location and other inputs)
I have not found such an open-source solution available for download and modification; I have checked various ones like Flatpickr, Air Datepicker, Daterangepicker, unfortunately, they do not offer the same UX as booking.com or parkos.com

Update #1 from 15 December 2024

The datepicker concerns the website: parkingi.pl

I really care about the correct current logic of date selection. Input 1 and input 2 must account for the changes made in them and show the range of selected days

Scope of the order:
1. Creation of a datepicker for the website www.parkingi.pl
2. The appearance of the datepicker for mobile and desktop should be different (I described it below)
Guidelines
1. Datepicker for mobile
  1. Support for two input fields:
    1. arrival date at the parking lot,
    2. departure date from the parking lot
  2. Datepicker sliding up from the bottom as it is on booking.com or parkos.com
  3. The calendar in the datepicker should be arranged by months one below the other as on the websites mentioned above
  4. Ability to close the layer with the X button
2. Datepicker for desktop
  1. Appearance similar to the current one with the difference that the logic of operation is as described in point 3
  2. Separate fields for selecting dates for each field (Input 1 and Input 2)
Logic of operation input 1 (start date), and input 2 (end date)
1. Ability to select a date range by marking the start and end dates
2. Event on clicking input:
  1. Input 1: when selecting the start date, the “done” button (as on mobile booking.com) must be inactive until the end date is selected.
    
    If someone has already selected an end date, and the start date is greater, the end date must reset. Input 1 should handle the selection of the range (start and end date)
  2. Input 2: input only handles the end date (if the start date has already been selected).
    
    If the start date in input 1 has not been selected, we select the range (start and end date).
    
    If the end date is less than the start date (from input 1), then we select the range (start and end date)
Acceptance criteria
1. Execution of the order according to the guidelines

Proposals 10

Andrey K.

1 298 1

Budget: 7000 PLN Deadline: 7 days

Hello. I have extensive experience in website development. Ready to collaborate.

Ihor Nadolskyi

47 0

Budget: 7000 PLN Deadline: 10 days

Hello! I have experience in developing custom solutions for websites and can create a datepicker with the necessary UX, like on booking.com or parkos.com, taking your requirements into account. I will ensure correct logic for date range selection for both mobile and desktop versions. I am ready to discuss project details and suggest the optimal approach!

Yury Nikonenko

Winning proposal

111 3

Budget: 7000 PLN Deadline: 10 days

Good morning, Daniel,
I am developing a necessary script for date selection in the form of a calendar using jQuery.

Sincerely, Yuri

Dar'ya S.

0 0

Projects -
Rating -
Rating 310

Budget: 6700 PLN Deadline: 1 day

Good day! I will create a custom DatePicker.
I am ready to discuss the details.
Write to me, I will do it quickly and efficiently)
Hourly rate $4/hour.

My work on 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

Vitalii R.

0 0

Projects -
Rating -
Rating 367

Budget: 7000 PLN Deadline: 3 days

Good day
I have been coding for over 8 years
I will create a custom layout, nicely customize plugins
The work will be done using BEM, vanilla JS, pixel-perfect

Volodimir Kapelyuh

22 0

Budget: 6999 PLN Deadline: 5 days

I will create a high-quality Datepicker for you, tailored to your needs. I have extensive experience in implementing similar scripts in JavaScript. Based on the detailed scope of tasks (TŻ) described by you, I will execute the project according to the requirements and templates indicated on the provided pages. I guarantee timeliness and a professional approach.

Yevhen K.

55 2

Budget: 7000 PLN Deadline: 14 days

To create a Datepicker similar to the one on Booking.com, you can use the **Air Datepicker** library and customize it:
1. Set it to open as a sliding panel from the bottom.
2. Implement date range selection (start/end).
3. Minimize the interface, leaving only the calendar.

If you need, I can provide the ready code or help with the configuration.

The list does not show proposals concealed by the client or freelancer with a Plus profile, as well as proposals violating rules

Daniel Rogiński
Siedlce, Poland

Projects 1
Rating -
Rating 435