/* MarcGrabanski.com v2.5 */
/* Pop-Up Calendar Built from Scratch by Marc Grabanski */
/* Enhanced by Keith Wood (kbwood@iprimus.com.au). */
/* Time picker functionality added by Gregor Petrin*/
/* Under the Creative Commons Licence http://creativecommons.org/licenses/by/3.0/
Share or Remix it but please Attribute the authors. */
var popUpCal = {
selectedDay: 0,
selectedMonth: 0, // 0-11
selectedYear: 0, // 4-digit year
selectedHour:0,
selectedMinute:0,
clearText: 'Clear', // Display text for clear link
closeText: 'Close', // Display text for close link
prevText: '<Prev', // Display text for previous month link
nextText: 'Next>', // Display text for next month link
currentText: 'Today', // Display text for current month link
appendText: '', // Display text following the input box, e.g. showing the format
buttonText: '...', // Text for trigger button
buttonImage: '', // URL for trigger button image
buttonImageOnly: false, // True if the image appears alone, false if it appears on a button
dayNames: ['Su','Mo','Tu','We','Th','Fr','Sa'], // Names of days starting at Sunday
monthNames: ['January','February','March','April','May','June','July','August','September','October','November','December'], // Names of months
dateFormat: 'DMY/', // First three are day, month, year in the required order, fourth is the separator, e.g. US would be 'MDY/'
yearRange: '-10:+10', // Range of years to display in drop-down, either relative to current year (-nn:+nn) or absolute (nnnn:nnnn)
changeMonth: true, // True if month can be selected directly, false if only prev/next
changeYear: true, // True if year can be selected directly, false if only prev/next
firstDay: 0, // The first day of the week, Sun = 0, Mon = 1, ...
changeFirstDay: true, // True to click on day name to change, false to remain as set
showOtherMonths: false, // True to show dates in other months, false to leave blank
minDate: null, // The earliest selectable date, or null for no limit
maxDate: null, // The latest selectable date, or null for no limit
speed: 'medium', // Speed of display/closure
autoPopUp: 'focus', // 'focus' for popup on focus, 'button' for trigger button, or 'both' for either
closeAtTop: true, // True to have the clear/close at the top, false to have them at the bottom
customDate: null, // Function that takes a date and returns an array with [0] = true if selectable, false if not,
// [1] = custom CSS class name(s) or '', e.g. popUpCal.noWeekends
fieldSettings: null, // Function that takes an input field and returns a set of custom settings for the calendar
timeSeparators:[' ',':','AM','PM'], //An array of time separators: the first and second strings are obligatory, while the second and third strings specify
//the AM and PM strings if they are needed; the first parameter separates the date and time fields.
//timeSeparators:[' ',':'], //Enable the time selector without AM/PM
/* Format and display the given date. */
formatDate: function(day, month, year, hour, minute) {
month++; // adjust javascript month
var dateString = '';
for (var i = 0; i < 3; i++) {
dateString += this.dateFormat.charAt(3) +
(this.dateFormat.charAt(i) == 'D' ? (day < 10 ? '0' : '') + day :
(this.dateFormat.charAt(i) == 'M' ? (month < 10 ? '0' : '') + month :
(this.dateFormat.charAt(i) == 'Y' ? year : '?')));
}
//append time info
if (this.timeSeparators && this.timeSeparators.length > 1 && this.timeSeparators[0] && hour != null && minute != null) {
dateString += this.timeSeparators[0] + this.hourString(hour) + this.timeSeparators[1] + ((minute >= 10) ? minute : ('0' + minute));
if (this.timeSeparators.length == 4 && hour < 12) dateString += this.timeSeparators[2];
else if (this.timeSeparators.length == 4 && hour >= 12) dateString += this.timeSeparators[3];
}
return dateString.substring(1);
},
/*Parses a string and returns a Date object*/
parseDate: function(Text) {
var currentYear, currentMonth, currentDay, currentHour, currentMinute;
if (this.timeSeparators && this.timeSeparators.length > 1) {
var currentTimeAndDate = Text.split(this.timeSeparators[0]);
var index = 0;
while (index < currentTimeAndDate.length) if (currentTimeAndDate[index]) index++; else currentTimeAndDate.splice(index, 1);
if (currentTimeAndDate.length > 0) var currentDate = currentTimeAndDate[0].split(this.dateFormat.charAt(3)); else var currentDate = [];
if (currentTimeAndDate.length > 1) var currentTime = currentTimeAndDate[1].split(this.timeSeparators[1]); else var currentTime = [];
}
else {
var currentDate = Text.split(this.dateFormat.charAt(3));
var currentTime = null;
}
if (currentDate.length == 3) {
currentDay = parseInt(this.trimNumber(currentDate[this.dateFormat.indexOf('D')]));
currentMonth = parseInt(this.trimNumber(currentDate[this.dateFormat.indexOf('M')])) - 1;
currentYear= parseInt(this.trimNumber(currentDate[this.dateFormat.indexOf('Y')]));
} else {
currentDay = new Date().getDate();
currentMonth = new Date().getMonth();
currentYear= new Date().getFullYear();
}
if (this.timeSeparators && this.timeSeparators.length > 1 && this.timeSeparators[0]) {
if (currentTime != null && currentTime.length == 2) {
currentHour = parseInt(this.trimNumber(currentTime[0]));
if (this.timeSeparators.length > 2) {
if (currentTime[1].indexOf(this.timeSeparators[2]) == currentTime[1].length - this.timeSeparators[2].length) {
if (currentHour == 12) currentHour = 0;
currentMinute = parseInt(this.trimNumber(currentTime[1].substring(0, currentTime[1].length - this.timeSeparators[2].length)));
} else {
if (currentHour < 12) currentHour += 12;
currentMinute = parseInt(this.trimNumber(currentTime[1].substring(0, currentTime[1].length - this.timeSeparators[1].length)));
}
}
else currentMinute = parseInt(this.trimNumber(currentTime[1]));
} else {
currentHour = new Date().getHours();
currentMinute = new Date().getMinutes();
}
return new Date(currentYear, currentMonth, currentDay, currentHour, currentMinute);
}
else return new Date(currentYear, currentMonth, currentDay);
},
/* Parse existing date and initialise calendar. */
setDateFromField: function() {
var currentDate = this.parseDate(this.input.val());
this.currentDay = currentDate.getDate();
this.currentMonth = currentDate.getMonth();
this.currentYear = currentDate.getFullYear();
if (this.timeSeparators && this.timeSeparators.length > 1 && this.timeSeparators[0]) {
this.currentHour = currentDate.getHours();
this.currentMinute = currentDate.getMinutes();
}
this.selectedDay = this.currentDay;
this.selectedMonth = this.currentMonth;
this.selectedYear = this.currentYear;
if (this.currentHour && this.currentMinute) {
this.selectedHour = this.currentHour;
this.selectedMinute = this.currentMinute;
}
this.adjustDate(0, 'D', true);
},
/*Translates this hour into the AM/PM number if neccessary*/
hourString: function(Hour) {
if (this.timeSeparators.length == 4) {
if (Hour == 0) return '' + 12;
else if (Hour > 12) return '' + (Hour - 12);
else return '' + Hour;
}
else return '' + Hour;
},
/* Update the input field with the selected date. */
/* Edited by Gregor Petrin to allow a custom input field as a parameter - this can be used to display a date at start*/
selectDate: function(Input) {
if (!Input) var Input = this.input;
this.hideCalendar(this.speed);
if (this.timeSeparators.length > 1) Input.val(this.formatDate(this.selectedDay, this.selectedMonth, this.selectedYear, this.selectedHour, this.selectedMinute));
else Input.val(this.formatDate(this.selectedDay, this.selectedMonth, this.selectedYear));
},
/* Construct and display the calendar. */
showCalendar: function() {
this.popUpShowing = true;
// build the calendar HTML
var timeSelect = '';
if (this.timeSeparators.length > 1) {
timeSelect += '
';
var daysInMonth = this.getDaysInMonth(this.selectedYear, this.selectedMonth);
this.selectedDay = Math.min(this.selectedDay, daysInMonth);
var leadDays = (this.getFirstDayOfMonth(this.selectedYear, this.selectedMonth) - this.firstDay + 7) % 7;
var currentDate = new Date(this.currentYear, this.currentMonth, this.currentDay);
var selectedDate = new Date(this.selectedYear, this.selectedMonth, this.selectedDay);
var printDate = new Date(this.selectedYear, this.selectedMonth, 1 - leadDays);
var numRows = Math.ceil((leadDays + daysInMonth) / 7); // calculate the number of rows to generate
var today = new Date();
today = new Date(today.getFullYear(), today.getMonth(), today.getDate()); // clear time
for (var row = 0; row < numRows; row++) { // create calendar rows
html += '
';
for (var dow = 0; dow < 7; dow++) { // create calendar days
var customSettings = (this.customDate ? this.customDate(printDate) : [true, '']);
var otherMonth = (printDate.getMonth() != this.selectedMonth);
var unselectable = otherMonth || !customSettings[0] ||
(this.minDate && printDate < this.minDate) ||
(this.maxDate && printDate > this.maxDate);
html += '