I looking for a HTML/CSS availability calendar that will have 'booked' dates populated from iCAL link.
I need to be able to export my 'booked' dates from Flipkey, HomeAway, VRBO & Airbnb calendars to a custom website PHP website.
It should be cross browser compatible - browsers old and new (I will test it!). The calendar should be RESPONSIVE so it will display correctly on all screen sizes - ie. on a large screen the calendar may be 3 months wide, on a small screen just one month wide.
I will need the number of months that show on the calendar to be editable with a variable in the PHP file. It does NOT need next month/previous month navigation as the number of months to be show will be defined by this variable.
The calendar should always start with the current month - not January (unless January is the current month!)
Here is an example of a calendar created from a iCAL file: [login to view URL] so I looking along the same lines as this but I don't need the colour styling options, and I want it exported as HTML/CSS not as a JavaScript (ie. if JavaScript is turned off in the browser the calendar will still show)
Files Required:
HTML
CSS
PHP
Any images
Don't want:
No need for JavaScript, the calendar should work if JS turned off in the browser (above example exports calendar like: <script src='[login to view URL]'></script>
What I'm expecting:
A PHP file which will need my iCAL (.ics) link inserted
A PHP file to show the calendar using html & css
Any necessary HTML & CSS
Calendar Styling/colours: as close to the calendar on [login to view URL] as possible INCLUDING the check-in and check-out dates to be half red and half green to show changeover day (start & end dates) as per above example.
Code will be tested on different browser and screen sizes before the project is accepted as complete.
Any questions or doubts, please ask. If you have any other suggestion on ways to do it I'm also interested...
Sample data from the following .ics files:
Airbnb:
BEGIN:VCALENDAR
PRODID;X-RICAL-TZSOURCE=TZINFO:-//Airbnb Inc//Hosting Calendar 0.8.8//EN
CALSCALE:GREGORIAN
VERSION:2.0
BEGIN:VEVENT
DTEND;VALUE=DATE:20130417
DTSTART;VALUE=DATE:20130403
UID:
DESCRIPTION:CHECKIN: 04/03/2013\nCHECKOUT: 04/17/2013\nNIGHTS: 14\nPHONE: +1 123 555 1234\nEMAIL: \nPROPERTY: 1 bedroom condo\n
SUMMARY:Will Smith (XWBFS)
LOCATION:somehwhere
END:VEVENT
Flipkey:
BEGIN:VCALENDAR
BEGIN:VEVENT
SUMMARY:Booked on Flipkey
DTSTART;VALUE=DATE:20130714
DTEND;VALUE=DATE:20130726
DESCRIPTION:This date has been booked on Flipkey
END:VEVENT
BEGIN:VEVENT
SUMMARY:Booked on Flipkey
DTSTART;VALUE=DATE:20130802
DTEND;VALUE=DATE:20130912
DESCRIPTION:This date has been booked on Flipkey
END:VEVENT
END:VCALENDAR
Homeaway
BEGIN:VCALENDAR
VERSION:2.0
CALSCALE:GREGORIAN
PRODID:-//HomeAway, Inc.//EN
BEGIN:VEVENT
UID:005763454d51481e956c52efe9787605
DTSTAMP:20140226T184847Z
DTSTART:20140203T160000
DTEND:20140207T110000
SUMMARY:RESERVED
END:VEVENT
BEGIN:VEVENT
UID:27331edfcc835d3e8e298fd67aff025
DTSTAMP:20140226T184847Z
DTSTART:20140313T160000
DTEND:20140320T110000
SUMMARY:RESERVED
END:VEVENT
END:VCALENDAR
Hi,
Our Zend Certified PHP Engineers with 7+ years of experience can do this project exactly as per your requirements. We are well versed with PHP/ MySQL/ CSS/ Javascript/ AJAX/ JQuery .
You can expect high quality work from us. We are cheaper than other good providers
You may look into our reviews at GAF (125+ 10* reviews with average rating of 9.98 .
We follow the following procedure to achieve our main target i.e. “Customers Satisfaction”:
1) Analyzing of the project before taking any work
2) Estimating and then bidding for the project
3) Clarification on the project
4) After getting project, We prepare a framework of all the essentialities of the project. The team contacts the client through email/ messenger/ PMB to clarify any doubts.
5)Reporting to the client: The team head collectively prepares the daily reports and uploads all the scripts/ designs prepared by the team member (on daily basis) to the web-servers.
6) Delivery of the work: The work is shown on the webserver in completely running way and can be tested by the clients on day to day basis. After getting the payment the work is finally transferred to the client’s webserver.
We assure that you would receive the best of our services for your project and if you give us a chance once, you will employee us for all your IT-Related jobs.
Best Regards,
Nirmala
Om Technologies
We have to be very careful of your project and we are very interesting. We promise to work hard to finish on time for assigned work. Hope to get feedback from you soon so that we can begin to discuss more details about the project and we are ready. Best regards!