py_tasks_melange: comparison app/jquery/jquery-ui.datetimepicker.js

Mercurial Mercurial > py_tasks_melange / comparison

summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help

app/jquery/jquery-ui.datetimepicker.js

changeset 843	a086ff3888d3
parent 839	3e50c012a4a8
child 1451	ef134d062b83

equal deleted inserted replaced

-:ed494131f6e5
+:a086ff3888d3
 Copyright (c) 2007 Marc Grabanski (http://marcgrabanski.com/code/ui-datetimepicker)
 Dual licensed under the MIT (MIT-LICENSE.txt)
 and GPL (GPL-LICENSE.txt) licenses.
 Date: 09-03-2007  */
 /*
 * Time functionality added by Stanislav Dobry (stanislav.dobry@datesoft.cz)
 * Date: 2008-06-04
 */
 ;(function($) { // hide the namespace
 /* Date picker manager.
 Use the singleton instance of this class, $.datetimepicker, to interact with the date picker.
 Settings for (groups of) date pickers are maintained in an instance object
 		showOtherMonths: false, // True to show dates in other months, false to leave blank
 		showWeeks: false, // True to show week of the year, false to omit
 		calculateWeek: this.iso8601Week, // How to calculate the week of the year,
 			// takes a Date and returns the number of the week for it
 		shortYearCutoff: '+10', // Short year values < this are in the current century,
 			// > this are in the previous century,
 			// string value starting with '+' for current year + value
 		showStatus: false, // True to show status bar at bottom, false to not show it
 		statusForDate: this.dateStatus, // Function to provide status text for a date -
 			// takes date and instance as parameters, returns display text
 		minDate: null, // The earliest selectable date, or null for no limit
 	/* Debug logging (if enabled). */
 	log: function () {
 		if (this.debug)
 			console.log.apply('', arguments);
 	},
 	/* Register a new date picker instance - with custom settings. */
 	_register: function(inst) {
 		var id = this._nextId++;
 		this._inst[id] = inst;
 		return id;
 	/* Retrieve a particular date picker instance based on its ID. */
 	_getInst: function(id) {
 		return this._inst[id] || id;
 	},
 	/* Override the default settings for all instances of the date picker.
 	   @param  settings  object - the new settings to use as defaults (anonymous object)
 	   @return the manager object */
 	setDefaults: function(settings) {
 		extendRemove(this._defaults, settings || {});
 		return this;
 					inlineSettings[attrName] = attrValue;
 				}
 			}
 		}
 		var nodeName = target.nodeName.toLowerCase();
 		var instSettings = (inlineSettings ?
 			$.extend(settings || {}, inlineSettings || {}) : settings);
 		if (nodeName == 'input') {
 			var inst = (inst && !inlineSettings ? inst :
 				new DateTimepickerInstance(instSettings, false));
 			this._connectDatepicker(target, inst);
 			input.focus(this._showDatepicker);
 		if (showOn == 'button' || showOn == 'both') { // pop-up date picker when button clicked
 			input.wrap('<span class="datetimepicker_wrap">');
 			var buttonText = inst._get('buttonText');
 			var buttonImage = inst._get('buttonImage');
 			var trigger = $(inst._get('buttonImageOnly') ?
 				$('<img>').addClass('datetimepicker_trigger').attr({ src: buttonImage, alt: buttonText, title: buttonText }) :
 				$('<button>').addClass('datetimepicker_trigger').attr({ type: 'button' }).html(buttonImage != '' ?
 						$('<img>').attr({ src:buttonImage, alt:buttonText, title:buttonText }) : buttonText));
 			if (isRTL)
 				input.before(trigger);
 			else
 				input.after(trigger);
 	/* Tidy up after displaying the date picker. */
 	_inlineShow: function(inst) {
 		var numMonths = inst._getNumberOfMonths(); // fix width for dynamic number of date pickers
 		inst._datetimepickerDiv.width(numMonths[1] * $('.datetimepicker', inst._datetimepickerDiv[0]).width());
 	},
 	/* Pop-up the date picker in a "dialog" box.
 	   @param  input     element - ignored
 	   @param  dateText  string - the initial date to display (in the current format)
 	   @param  onSelect  function - the function(dateText) to call when a date is selected
 			inst._datetimepickerDiv.css('top', Math.max(scrollY,
 				pos[1] - (this._inDialog ? 0 : inst._datetimepickerDiv.height()) -
 				(isFixed && $.browser.opera ? document.documentElement.scrollTop : 0)) + 'px');
 		}
 	},
 	/* Find an object's position on the screen. */
 	_findPos: function(obj) {
 while (obj && (obj.type == 'hidden' || obj.nodeType != 1)) {
 obj = obj.nextSibling;
 }
 		var inst = this._getInst(id);
 		inst._selectingMonthYear = false;
 		inst[period == 'M' ? '_drawMinute' : '_drawHour'] =
 			select.options[select.selectedIndex].value - 0;
 		this._adjustDate(inst);
 		this._doNotHide = true;
 		$('td.datetimepicker_currentDay').each(function(){
 			$.datetimepicker._selectDay(inst, inst._selectedMonth, inst._selectedYear,$(this));
 		});
 		this._doNotHide = false;
 		var rangeSelect = inst._get('rangeSelect');
 		if (rangeSelect) {
 			if (!this._stayOpen) {
 				$('.datetimepicker td').removeClass('datetimepicker_currentDay');
 				$(td).addClass('datetimepicker_currentDay');
 			}
 			this._stayOpen = !this._stayOpen;
 		}
 		inst._selectedDay = inst._currentDay = $('a', td).html();
 		inst._selectedMonth = inst._currentMonth = month;
 		inst._selectedYear = inst._currentYear = year;
 	   @return [boolean, string] - is this date selectable?, what is its CSS class? */
 	noWeekends: function(date) {
 		var day = date.getDay();
 		return [(day > 0 && day < 6), ''];
 	},
 	/* Set as calculateWeek to determine the week of the year based on the ISO 8601 definition.
 	   @param  date  Date - the date to get the week for
 	   @return  number - the number of the week within the year that contains this date */
 	iso8601Week: function(date) {
 		var checkDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), (date.getTimezoneOffset() / -60));
 				return $.datetimepicker.iso8601Week(checkDate);
 			}
 		}
 		return Math.floor(((checkDate - firstMon) / 86400000) / 7) + 1; // Weeks to given date
 	},
 	/* Provide status text for a particular date.
 	   @param  date  the date to get the status for
 	   @param  inst  the current datetimepicker instance
 	   @return  the status display text for this date */
 	dateStatus: function(date, inst) {
 		// Check whether a format character is doubled
 		var lookAhead = function(match) {
 			var matches = (iFormat + 1 < format.length && format.charAt(iFormat + 1) == match);
 			if (matches)
 				iFormat++;
 			return matches;
 		};
 		// Extract a number from the string value
 		var getNumber = function(match) {
 			lookAhead(match);
 			var size = (match == 'y' ? 4 : 2);
 						minute = getNumber('i');
 						break;
 					case 'd':
 						day = getNumber('d');
 						break;
 					case 'D':
 						getName('D', dayNamesShort, dayNames);
 						break;
 					case 'm':
 						month = getNumber('m');
 						break;
 					case 'M':
 						month = getName('M', monthNamesShort, monthNames);
 						break;
 					case 'y':
 						year = getNumber('y');
 						break;
 					case "'":
 		// Check whether a format character is doubled
 		var lookAhead = function(match) {
 			var matches = (iFormat + 1 < format.length && format.charAt(iFormat + 1) == match);
 			if (matches)
 				iFormat++;
 			return matches;
 		};
 		// Format a number, with leading zero if necessary
 		var formatNumber = function(match, value) {
 			return (lookAhead(match) && value < 10 ? '0' : '') + value;
 		};
 							break;
 						case 'i':
 							output += formatNumber('i', date.getMinutes());
 							break;
 						case 'd':
 							output += formatNumber('d', date.getDate());
 							break;
 						case 'D':
 							output += formatName('D', date.getDay(), dayNamesShort, dayNames);
 							break;
 						case 'm':
 							output += formatNumber('m', date.getMonth() + 1);
 							break;
 						case 'M':
 							output += formatName('M', date.getMonth(), monthNamesShort, monthNames);
 							break;
 						case 'y':
 							output += (lookAhead('y') ? date.getFullYear() :
 								(date.getYear() % 100 < 10 ? '0' : '') + date.getYear() % 100);
 							break;
 						case "'":
 							if (lookAhead("'"))
 								output += "'";
 				else
 					chars += format.charAt(iFormat);
 			else
 				switch (format.charAt(iFormat)) {
 					case 'd' || 'm' || 'y':
 						chars += '0123456789';
 						break;
 					case 'D' || 'M':
 						return null; // Accept anything
 					case "'":
 						if (lookAhead("'"))
 	/* Parse existing date and initialise date picker. */
 	_setDateFromField: function(input) {
 		this._input = $(input);
 		var dateFormat = this._get('dateFormat')+' '+this._get('timeFormat');
 		var dates = this._input ? this._input.val().split(this._get('rangeSeparator')) : null;
 		this._endDay = this._endMonth = this._endYear = null;
 		var date = defaultDate = this._getDefaultDate();
 		if (dates.length > 0) {
 			var settings = this._getFormatConfig();
 			if (dates.length > 1) {
 		this._currentDay = (dates[0] ? date.getDate() : 0);
 		this._currentMonth = (dates[0] ? date.getMonth() : 0);
 		this._currentYear = (dates[0] ? date.getFullYear() : 0);
 		this._adjustDate();
 	},
 	/* Retrieve the default date shown on opening. */
 	_getDefaultDate: function() {
 		var date = this._determineDate('defaultDate', new Date());
 		var minDate = this._getMinMaxDate('min', true);
 		var maxDate = this._getMinMaxDate('max');
 					case 'd' : case 'D' :
 						day += (matches[1] - 0); break;
 					case 'w' : case 'W' :
 						day += (matches[1] * 7); break;
 					case 'm' : case 'M' :
 						month += (matches[1] - 0);
 						day = Math.min(day, getDaysInMonth(year, month));
 						break;
 					case 'y': case 'Y' :
 						year += (matches[1] - 0);
 						day = Math.min(day, getDaysInMonth(year, month));
 		today = new Date(today.getFullYear(), today.getMonth(), today.getDate()); // clear time
 		var showStatus = this._get('showStatus');
 		var isRTL = this._get('isRTL');
 		// build the date picker HTML
 		var clear = (this._get('mandatory') ? '' :
 			'<div class="datetimepicker_clear"><a onclick="jQuery.datetimepicker._clearDate(' + this._id + ');"' +
 			(showStatus ? this._addStatus(this._get('clearStatus') || '&#xa0;') : '') + '>' +
 			this._get('clearText') + '</a></div>');
 		var controls = '<div class="datetimepicker_control">' + (isRTL ? '' : clear) +
 			'<div class="datetimepicker_close"><a onclick="jQuery.datetimepicker._hideDatepicker();"' +
 			(showStatus ? this._addStatus(this._get('closeStatus') || '&#xa0;') : '') + '>' +
 					drawYear--;
 				}
 			}
 		}
 		// controls and links
 		var prev = '<div class="datetimepicker_prev">' + (this._canAdjustMonth(-1, drawYear, drawMonth) ?
 			'<a onclick="jQuery.datetimepicker._adjustDate(' + this._id + ', -' + stepMonths + ', \'M\');"' +
 			(showStatus ? this._addStatus(this._get('prevStatus') || '&#xa0;') : '') + '>' +
 			this._get('prevText') + '</a>' :
 			(hideIfNoPrevNext ? '' : '<label>' + this._get('prevText') + '</label>')) + '</div>';
 		var next = '<div class="datetimepicker_next">' + (this._canAdjustMonth(+1, drawYear, drawMonth) ?
 			for (var col = 0; col < numMonths[1]; col++) {
 				var selectedDate = new Date(drawYear, drawMonth, this._selectedDay, drawHour, drawMinute);
 				html += '<div class="datetimepicker_oneMonth' + (col == 0 ? ' datetimepicker_newRow' : '') + '">' +
 					this._generateMonthYearHeader(drawMinute,drawHour,drawMonth, drawYear, minDate, maxDate,
 					selectedDate, row > 0 || col > 0) + // draw month headers
 					'<table class="datetimepicker" cellpadding="0" cellspacing="0"><thead>' +
 					'<tr class="datetimepicker_titleRow">' +
 					(showWeeks ? '<td>' + this._get('weekHeader') + '</td>' : '');
 				var firstDay = this._get('firstDay');
 				var changeFirstDay = this._get('changeFirstDay');
 				var dayNames = this._get('dayNames');
 					var status = this._get('dayStatus') || '&#xa0;';
 					status = (status.indexOf('DD') > -1 ? status.replace(/DD/, dayNames[day]) :
 						status.replace(/D/, dayNamesShort[day]));
 					html += '<td' + ((dow + firstDay + 6) % 7 >= 5 ? ' class="datetimepicker_weekEndCell"' : '') + '>' +
 						(!changeFirstDay ? '<span' :
 						'<a onclick="jQuery.datetimepicker._changeFirstDay(' + this._id + ', ' + day + ');"') +
 						(showStatus ? this._addStatus(status) : '') + ' title="' + dayNames[day] + '">' +
 						dayNamesMin[day] + (changeFirstDay ? '</a>' : '</span>') + '</td>';
 				}
 				html += '</tr></thead><tbody>';
 				var daysInMonth = this._getDaysInMonth(drawYear, drawMonth);
 					drawMonth = 0;
 					drawYear++;
 				}
 				html += '</tbody></table></div>';
 			}
 		html += (showStatus ? '<div style="clear: both;"></div><div id="datetimepicker_status_' + this._id +
 			'" class="datetimepicker_status">' + (this._get('initStatus') || '&#xa0;') + '</div>' : '') +
 			(!closeAtTop && !this._inline ? controls : '') +
 			'<div style="clear: both;"></div>' +
 			($.browser.msie && parseInt($.browser.version) < 7 && !this._inline ?
 			'<iframe src="javascript:false;" class="datetimepicker_cover"></iframe>' : '');
 		return html;
 	},
 	/* Generate the month and year header. */
 	_generateMonthYearHeader: function(drawMinute,drawHour,drawMonth, drawYear, minDate, maxDate, selectedDate, secondary) {
 		minDate = (this._rangeStart && minDate && selectedDate < minDate ? selectedDate : minDate);
 		var showStatus = this._get('showStatus');
 		var html = '<div class="datetimepicker_header">';
 		// month selection
 		var monthNames = this._get('monthNames');
 		if (secondary || !this._get('changeMonth'))
 			html += monthNames[drawMonth] + '&#xa0;';
 		else {
 			var inMinYear = (minDate && minDate.getFullYear() == drawYear);
 			var inMaxYear = (maxDate && maxDate.getFullYear() == drawYear);
 			html += '<select class="datetimepicker_newMonth" ' +
 				'onchange="jQuery.datetimepicker._selectMonthYear(' + this._id + ', this, \'M\');" ' +
 		this._drawMonth = this._selectedMonth = date.getMonth();
 		this._drawYear = this._selectedYear = date.getFullYear();
 		this._drawHour = this._selectedHour = date.getHours();
 		this._drawMinute = this._selectedMinute = date.getMinutes();
 	},
 	/* Determine the number of months to show. */
 	_getNumberOfMonths: function() {
 		var numMonths = this._get('numberOfMonths');
 		return (numMonths == null ? [1, 1] : (typeof numMonths == 'number' ? [1, numMonths] : numMonths));
 	},
 		newMinDate = (newMinDate && this._rangeStart < newMinDate ? this._rangeStart : newMinDate);
 		var minDate = newMinDate || this._getMinMaxDate('min');
 		var maxDate = this._getMinMaxDate('max');
 		return ((!minDate || date >= minDate) && (!maxDate || date <= maxDate));
 	},
 	/* Provide the configuration settings for formatting/parsing. */
 	_getFormatConfig: function() {
 		var shortYearCutoff = this._get('shortYearCutoff');
 		shortYearCutoff = (typeof shortYearCutoff != 'string' ? shortYearCutoff :
 			new Date().getFullYear() % 100 + parseInt(shortYearCutoff, 10));
 			$.datetimepicker._attachDatepicker(this, options);
 	});
 };
 $.datetimepicker = new DateTimepicker(); // singleton instance
 /* Initialise the date picker. */
 $(document).ready(function() {
 	$(document.body).append($.datetimepicker._datetimepickerDiv)
 		.mousedown($.datetimepicker._checkExternalClick);
 });

py_tasks_melange