I'm looking for a responsive jquery/ajax calendar script that will display food menu items on specific calendar days, and allow the user to select days to compile a list of the food items selected. The selected days/food items will then be submitted to an external website.
Specs:
- need one basic page BEFORE the calendar is rendered that will allow you to select a person; once the person is selected, it takes a user to the next page which is the calender script. For this, it's fine to just display 2-3 people in a list and make their names clickable to the second page
- the second page will display the name of the person selected on the previous page, along with a typical calendar (see bottom for example) that allows a user to move forward/backward through the calendar year
- I need to be able to enter up to 3 months of menu food items at one time so that they display on the calendar; ideally this content will come from a basic text file that I can update, or it can come from a mysql database
- the calendar will allow a user to select specific days by clicking on them
- only the days that have food items displayed should be clickable
- when a user clicks/selects a day, it will add the day to a list below the calendar so they can keep track of the days/food items selected
- when a user clicks/selects a day, it should change the background colour to show that the day is active/inactive
- a user should be able to select: 1. the entire month; 2. two consecutive weeks; 3. individual dates with a minimum of 8 days per month
- if a user selects the entire month or two consecutive weeks, there should be an additional flag that says the entire month or the 2 week period has been selected, and this should be stored along with the specific dates selected
- if a user selects individual days, they need to select a minimum of 8 days per month
- if a user selects days in one month and then moves between other months to select more, all selected dates need to be remembered
- there should be a button below the calendar that allows the user to submit the data (date/menu item and person initially selected on page 1)
- the submitted data should go to a third page that renders every date/food item selected in a list and allows the user to select: 1. size; 2. make it a meal; for each individual date
- once the options are selected, there should be a button that sends all the content to an external website for storage in a mysql database
- the calendar needs to be responsive or render nicely and still function well on a smartphone
I like this script/demo and would be fine with it being the basis for this project:
Demo: [login to view URL]
Script: [login to view URL]