JQuery DatePicker customization + minor JavaScript page additions
$30-40 USD
Paid on delivery
1. Make the calendars at [url removed, login to view] interact with the associated fields (calendar updates the textbox, textbox updates the calendar...for each pair)
2. Restrict arrival date to "today's date" or later; when arrival date is selected, if departure date is null then it automatically updates to 7 days following arrival date; restrict departure date to any date following the arrival date.
3. Set both default dates in the textboxes to start as gray colored "mm/dd/yyyy" which disappears onFocus and color returns to black for entered value.
4. Set total passengers innerHTML to updated total with each keystroke typed in the four boxes above it.
5. Add an onSubmit() function to test the form fields for date values matching the above criteria in each of the two date textboxes and at least 1 adult passenger. Display error text in red to the left of the yellow Submit button if the criteria is not met.
There is additional work available to the qualified worker who completes this job quickly and accurately.
Project ID: #3211193