Pro PHP and jQuery by Jason Lengstorf.pdf - Computer Science ...

282
CHAPTER 8 ■ EDITING THE CALENDAR WITH AJAX AND JQUERY
};
},
// GMT, then adjusted for the local timezone,
// adjust the offset to ensure a proper date
event.setMinutes(event.getTimezoneOffset());
"deserialize" : function(str){...},
"urldecode" : function(str) {...}
Ensuring the Event Occurs in the Current Month
Your next step is to set up a conditional statement that ensures that only events that belong on the
calendar are appended. If both the year and month match between the current calendar month and the
event date, you can extract the day of the month using the Date object’s .getDay() method. To work
properly with the next step, which adds leading zeroes to single-digit dates, you also need to convert this
value to a string, which is accomplished by passing the value to String().
The day of the month needs to have a leading zero to properly match the calendar. For example, if
the returned date is only one digit, you prepend a leading zero to the date.
Do this by inserting the following bold code:
fx = {
"initModal" : function() {...},
"boxin" : function(data, modal) {...},
"boxout" : function(event) {...},
// Adds a new event to the markup after saving
"addevent" : function(data, formData){
// Converts the query string to an object
var entry = fx.deserialize(formData),
// Makes a date object for current month
cal = new Date(NaN),
// Makes a date object for the new event
event = new Date(NaN),
// Extracts the event day, month, and year
date = entry.event_start.split(' ')[0],
// Splits the event data into pieces
edata = date.split('-'),
// Extracts the calendar month from the H2 ID
cdata = $("h2").attr("id").split('-');
// Sets the date for the calendar date object
cal.setFullYear(cdata[1], cdata[2], 1);
// Sets the date for the event date object
event.setFullYear(edata[0], edata[1], edata[2]);