Created
December 17, 2008 19:15
-
-
Save brianjlandau/37173 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| DatePicker v4.4 by frequency-decoder.com | |
| - This is a revised version that works with jQuery 1.2.6 as I found the original didn't work properly. | |
| Released under a creative commons Attribution-ShareAlike 2.5 license (http://creativecommons.org/licenses/by-sa/2.5/) | |
| Please credit frequency-decoder in any derivative work - thanks. | |
| You are free: | |
| * to copy, distribute, display, and perform the work | |
| * to make derivative works | |
| * to make commercial use of the work | |
| Under the following conditions: | |
| by Attribution. | |
| -------------- | |
| You must attribute the work in the manner specified by the author or licensor. | |
| sa | |
| -- | |
| Share Alike. If you alter, transform, or build upon this work, you may distribute the resulting work only under a license identical to this one. | |
| * For any reuse or distribution, you must make clear to others the license terms of this work. | |
| * Any of these conditions can be waived if you get permission from the copyright holder. | |
| */ | |
| var datePickerController; | |
| (function() { | |
| // Defaults should the locale file not load | |
| datePicker.months = ["January","February","March","April","May","June","July","August","September","October","November","December"]; | |
| datePicker.fullDay = ["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"]; | |
| datePicker.titles = ["Previous month","Next month","Previous year","Next year", "Today", "Show Calendar"]; | |
| datePicker.getDaysPerMonth = function(nMonth, nYear) { | |
| nMonth = (nMonth + 12) % 12; | |
| return (((0 == (nYear%4)) && ((0 != (nYear%100)) || (0 == (nYear%400)))) && nMonth == 1) ? 29: [31,28,31,30,31,30,31,31,30,31,30,31][nMonth]; | |
| }; | |
| function datePicker(options) { | |
| this.defaults = {}; | |
| for(opt in options) { this[opt] = this.defaults[opt] = options[opt]; }; | |
| this.date = new Date(); | |
| this.yearinc = 1; | |
| this.timer = null; | |
| this.pause = 1000; | |
| this.timerSet = false; | |
| this.fadeTimer = null; | |
| this.interval = new Date(); | |
| this.firstDayOfWeek = this.defaults.firstDayOfWeek = this.dayInc = this.monthInc = this.yearInc = this.opacity = this.opacityTo = 0; | |
| this.dateSet = null; | |
| this.visible = false; | |
| this.disabledDates = []; | |
| this.enabledDates = []; | |
| this.nbsp = String.fromCharCode( 160 ); | |
| var o = this; | |
| o.events = { | |
| onblur:function(e) { | |
| o.removeKeyboardEvents(); | |
| }, | |
| onfocus:function(e) { | |
| o.addKeyboardEvents(); | |
| }, | |
| onkeydown: function (e) { | |
| o.stopTimer(); | |
| if(!o.visible) return false; | |
| if(e == null) e = document.parentWindow.event; | |
| var kc = e.keyCode ? e.keyCode : e.charCode; | |
| if( kc == 13 ) { | |
| // close (return) | |
| var td = document.getElementById(o.id + "-date-picker-hover"); | |
| if(!td || td.className.search(/out-of-range|day-disabled/) != -1) return o.killEvent(e); | |
| o.returnFormattedDate(); | |
| o.hide(); | |
| return o.killEvent(e); | |
| } else if(kc == 27) { | |
| // close (esc) | |
| o.hide(); | |
| return o.killEvent(e); | |
| } else if(kc == 32 || kc == 0) { | |
| // today (space) | |
| o.date = new Date(); | |
| o.updateTable(); | |
| return o.killEvent(e); | |
| }; | |
| // Internet Explorer fires the keydown event faster than the JavaScript engine can | |
| // update the interface. The following attempts to fix this. | |
| /*@cc_on | |
| @if(@_win32) | |
| if(new Date().getTime() - o.interval.getTime() < 100) return o.killEvent(e); | |
| o.interval = new Date(); | |
| @end | |
| @*/ | |
| if ((kc > 49 && kc < 56) || (kc > 97 && kc < 104)) { | |
| if (kc > 96) kc -= (96-48); | |
| kc -= 49; | |
| o.firstDayOfWeek = (o.firstDayOfWeek + kc) % 7; | |
| o.updateTable(); | |
| return o.killEvent(e); | |
| }; | |
| if ( kc < 37 || kc > 40 ) return true; | |
| var d = new Date( o.date ).valueOf(); | |
| if ( kc == 37 ) { | |
| // ctrl + left = previous month | |
| if( e.ctrlKey ) { | |
| d = new Date( o.date ); | |
| d.setDate( Math.min(d.getDate(), datePicker.getDaysPerMonth(d.getMonth() - 1,d.getFullYear())) ); | |
| d.setMonth( d.getMonth() - 1 ); | |
| } else { | |
| d = new Date( o.date.getFullYear(), o.date.getMonth(), o.date.getDate() - 1 ); | |
| }; | |
| } else if ( kc == 39 ) { | |
| // ctrl + right = next month | |
| if( e.ctrlKey ) { | |
| d = new Date( o.date ); | |
| d.setDate( Math.min(d.getDate(), datePicker.getDaysPerMonth(d.getMonth() + 1,d.getFullYear())) ); | |
| d.setMonth( d.getMonth() + 1 ); | |
| } else { | |
| d = new Date( o.date.getFullYear(), o.date.getMonth(), o.date.getDate() + 1 ); | |
| }; | |
| } else if ( kc == 38 ) { | |
| // ctrl + up = next year | |
| if( e.ctrlKey ) { | |
| d = new Date( o.date ); | |
| d.setDate( Math.min(d.getDate(), datePicker.getDaysPerMonth(d.getMonth(),d.getFullYear() + 1)) ); | |
| d.setFullYear( d.getFullYear() + 1 ); | |
| } else { | |
| d = new Date( o.date.getFullYear(), o.date.getMonth(), o.date.getDate() - 7 ); | |
| }; | |
| } else if ( kc == 40 ) { | |
| // ctrl + down = prev year | |
| if( e.ctrlKey ) { | |
| d = new Date( o.date ); | |
| d.setDate( Math.min(d.getDate(), datePicker.getDaysPerMonth(d.getMonth(),d.getFullYear() - 1)) ); | |
| d.setFullYear( d.getFullYear() - 1 ); | |
| } else { | |
| d = new Date( o.date.getFullYear(), o.date.getMonth(), o.date.getDate() + 7 ); | |
| }; | |
| }; | |
| var tmpDate = new Date(d); | |
| if(o.outOfRange(tmpDate)) return o.killEvent(e); | |
| var cacheDate = new Date(o.date); | |
| o.date = tmpDate; | |
| if(cacheDate.getFullYear() != o.date.getFullYear() || cacheDate.getMonth() != o.date.getMonth()) o.updateTable(); | |
| else { | |
| o.disableTodayButton(); | |
| var tds = o.table.getElementsByTagName('td'); | |
| var txt; | |
| var start = o.date.getDate() - 6; | |
| if(start < 0) start = 0; | |
| for(var i = start, td; td = tds[i]; i++) { | |
| txt = Number(td.firstChild.nodeValue); | |
| if(isNaN(txt) || txt != o.date.getDate()) continue; | |
| o.removeHighlight(); | |
| td.id = o.id + "-date-picker-hover"; | |
| td.className = td.className.replace(/date-picker-hover/g, "") + " date-picker-hover"; | |
| }; | |
| }; | |
| return o.killEvent(e); | |
| }, | |
| gotoToday: function(e) { | |
| o.date = new Date(); | |
| o.updateTable(); | |
| return o.killEvent(e); | |
| }, | |
| onmousedown: function(e) { | |
| if ( e == null ) e = document.parentWindow.event; | |
| var el = e.target != null ? e.target : e.srcElement; | |
| var found = false; | |
| while(el.parentNode) { | |
| if(el.id && (el.id == "fd-"+o.id || el.id == "fd-but-"+o.id)) { | |
| found = true; | |
| break; | |
| }; | |
| try { | |
| el = el.parentNode; | |
| } catch(err) { | |
| break; | |
| }; | |
| }; | |
| if(found) return true; | |
| o.stopTimer(); | |
| datePickerController.hideAll(); | |
| }, | |
| onmouseover: function(e) { | |
| o.stopTimer(); | |
| var txt = this.firstChild.nodeValue; | |
| if(this.className == "out-of-range" || txt.search(/^[\d]+$/) == -1) return; | |
| o.removeHighlight(); | |
| this.id = o.id+"-date-picker-hover"; | |
| this.className = this.className.replace(/date-picker-hover/g, "") + " date-picker-hover"; | |
| o.date.setDate(this.firstChild.nodeValue); | |
| o.disableTodayButton(); | |
| }, | |
| onclick: function(e) { | |
| if(o.opacity != o.opacityTo || this.className.search(/out-of-range|day-disabled/) != -1) return false; | |
| if ( e == null ) e = document.parentWindow.event; | |
| var el = e.target != null ? e.target : e.srcElement; | |
| while ( el.nodeType != 1 ) el = el.parentNode; | |
| var d = new Date( o.date ); | |
| var txt = el.firstChild.data; | |
| if(txt.search(/^[\d]+$/) == -1) return; | |
| var n = Number( txt ); | |
| if(isNaN(n)) { return true; }; | |
| d.setDate( n ); | |
| o.date = d; | |
| o.returnFormattedDate(); | |
| if(!o.staticPos) o.hide(); | |
| o.stopTimer(); | |
| return o.killEvent(e); | |
| }, | |
| incDec: function(e) { | |
| if ( e == null ) e = document.parentWindow.event; | |
| var el = e.target != null ? e.target : e.srcElement; | |
| if(el && el.className && el.className.search('fd-disabled') != -1) { return false; } | |
| datePickerController.addEvent(document, "mouseup", o.events.clearTimer); | |
| o.timerInc = 800; | |
| o.dayInc = arguments[1]; | |
| o.yearInc = arguments[2]; | |
| o.monthInc = arguments[3]; | |
| o.timerSet = true; | |
| o.updateTable(); | |
| return true; | |
| }, | |
| clearTimer: function(e) { | |
| o.stopTimer(); | |
| o.timerInc = 1000; | |
| o.yearInc = 0; | |
| o.monthInc = 0; | |
| o.dayInc = 0; | |
| datePickerController.removeEvent(document, "mouseup", o.events.clearTimer); | |
| } | |
| }; | |
| o.stopTimer = function() { | |
| o.timerSet = false; | |
| window.clearTimeout(o.timer); | |
| }; | |
| o.removeHighlight = function() { | |
| if(document.getElementById(o.id+"-date-picker-hover")) { | |
| document.getElementById(o.id+"-date-picker-hover").className = document.getElementById(o.id+"-date-picker-hover").className.replace("date-picker-hover", ""); | |
| document.getElementById(o.id+"-date-picker-hover").id = ""; | |
| }; | |
| }; | |
| o.reset = function() { | |
| for(def in o.defaults) { o[def] = o.defaults[def]; }; | |
| }; | |
| o.setOpacity = function(op) { | |
| o.div.style.opacity = op/100; | |
| o.div.style.filter = 'alpha(opacity=' + op + ')'; | |
| o.opacity = op; | |
| }; | |
| o.fade = function() { | |
| window.clearTimeout(o.fadeTimer); | |
| o.fadeTimer = null; | |
| delete(o.fadeTimer); | |
| var diff = Math.round(o.opacity + ((o.opacityTo - o.opacity) / 4)); | |
| o.setOpacity(diff); | |
| if(Math.abs(o.opacityTo - diff) > 3 && !o.noTransparency) { | |
| o.fadeTimer = window.setTimeout(o.fade, 50); | |
| } else { | |
| o.setOpacity(o.opacityTo); | |
| if(o.opacityTo == 0) { | |
| o.div.style.display = "none"; | |
| o.visible = false; | |
| } else { | |
| o.visible = true; | |
| }; | |
| }; | |
| }; | |
| o.killEvent = function(e) { | |
| e = e || document.parentWindow.event; | |
| if(e.stopPropagation) { | |
| e.stopPropagation(); | |
| e.preventDefault(); | |
| }; | |
| /*@cc_on | |
| @if(@_win32) | |
| e.cancelBubble = true; | |
| e.returnValue = false; | |
| @end | |
| @*/ | |
| return false; | |
| }; | |
| o.getElem = function() { | |
| return document.getElementById(o.id.replace(/^fd-/, '')) || false; | |
| }; | |
| o.setRangeLow = function(range) { | |
| if(String(range).search(/^(\d\d?\d\d)(0[1-9]|1[012])(0[1-9]|[12][0-9]|3[01])$/) == -1) range = ''; | |
| o.low = o.defaults.low = range; | |
| if(o.staticPos) o.updateTable(true); | |
| }; | |
| o.setRangeHigh = function(range) { | |
| if(String(range).search(/^(\d\d?\d\d)(0[1-9]|1[012])(0[1-9]|[12][0-9]|3[01])$/) == -1) range = ''; | |
| o.high = o.defaults.high = range; | |
| if(o.staticPos) o.updateTable(true); | |
| }; | |
| o.setDisabledDays = function(dayArray) { | |
| o.disableDays = o.defaults.disableDays = dayArray; | |
| if(o.staticPos) o.updateTable(true); | |
| }; | |
| o.setDisabledDates = function(dateArray) { | |
| var fin = []; | |
| for(var i = dateArray.length; i-- ;) { | |
| if(dateArray[i].match(/^(\d\d\d\d|\*\*\*\*)(0[1-9]|1[012]|\*\*)(0[1-9]|[12][0-9]|3[01])$/) != -1) fin[fin.length] = dateArray[i]; | |
| }; | |
| if(fin.length) { | |
| o.disabledDates = fin; | |
| o.enabledDates = []; | |
| if(o.staticPos) o.updateTable(true); | |
| }; | |
| }; | |
| o.setEnabledDates = function(dateArray) { | |
| var fin = []; | |
| for(var i = dateArray.length; i-- ;) { | |
| if(dateArray[i].match(/^(\d\d\d\d|\*\*\*\*)(0[1-9]|1[012]|\*\*)(0[1-9]|[12][0-9]|3[01]|\*\*)$/) != -1 && dateArray[i] != "********") fin[fin.length] = dateArray[i]; | |
| }; | |
| if(fin.length) { | |
| o.disabledDates = []; | |
| o.enabledDates = fin; | |
| if(o.staticPos) o.updateTable(true); | |
| }; | |
| }; | |
| o.getDisabledDates = function(y, m) { | |
| if(o.enabledDates.length) return o.getEnabledDates(y, m); | |
| var obj = {}; | |
| var d = datePicker.getDaysPerMonth(m - 1, y); | |
| m = m < 10 ? "0" + String(m) : m; | |
| for(var i = o.disabledDates.length; i-- ;) { | |
| var tmp = o.disabledDates[i].replace("****", y).replace("**", m); | |
| if(tmp < Number(String(y)+m+"01") || tmp > Number(y+String(m)+d)) continue; | |
| obj[tmp] = 1; | |
| }; | |
| return obj; | |
| }; | |
| o.getEnabledDates = function(y, m) { | |
| var obj = {}; | |
| var d = datePicker.getDaysPerMonth(m - 1, y); | |
| m = m < 10 ? "0" + String(m) : m; | |
| var day,tmp,de,me,ye,disabled; | |
| for(var dd = 1; dd <= d; dd++) { | |
| day = dd < 10 ? "0" + String(dd) : dd; | |
| disabled = true; | |
| for(var i = o.enabledDates.length; i-- ;) { | |
| tmp = o.enabledDates[i]; | |
| ye = String(o.enabledDates[i]).substr(0,4); | |
| me = String(o.enabledDates[i]).substr(4,2); | |
| de = String(o.enabledDates[i]).substr(6,2); | |
| if(ye == y && me == m && de == day) { | |
| disabled = false; | |
| break; | |
| } | |
| if(ye == "****" || me == "**" || de == "**") { | |
| if(ye == "****") tmp = tmp.replace(/^\*\*\*\*/, y); | |
| if(me == "**") tmp = tmp = tmp.substr(0,4) + String(m) + tmp.substr(6,2); | |
| if(de == "**") tmp = tmp.replace(/\*\*/, day); | |
| if(tmp == String(y + String(m) + day)) { | |
| disabled = false; | |
| break; | |
| }; | |
| }; | |
| }; | |
| if(disabled) obj[String(y + String(m) + day)] = 1; | |
| }; | |
| return obj; | |
| }; | |
| o.setFirstDayOfWeek = function(e) { | |
| if ( e == null ) e = document.parentWindow.event; | |
| var elem = e.target != null ? e.target : e.srcElement; | |
| if(elem.tagName.toLowerCase() != "th") { | |
| while(elem.tagName.toLowerCase() != "th") elem = elem.parentNode; | |
| }; | |
| var cnt = 0; | |
| while(elem.previousSibling) { | |
| elem = elem.previousSibling; | |
| if(elem.tagName.toLowerCase() == "th") cnt++; | |
| }; | |
| o.firstDayOfWeek = (o.firstDayOfWeek + cnt) % 7; | |
| o.updateTableHeaders(); | |
| return o.killEvent(e); | |
| }; | |
| o.truePosition = function(element) { | |
| var pos = o.cumulativeOffset(element); | |
| if(window.opera) { return pos; } | |
| var iebody = (document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body; | |
| var dsocleft = document.all ? iebody.scrollLeft : window.pageXOffset; | |
| var dsoctop = document.all ? iebody.scrollTop : window.pageYOffset; | |
| var posReal = o.realOffset(element); | |
| return [pos[0] - posReal[0] + dsocleft, pos[1] - posReal[1] + dsoctop]; | |
| }; | |
| o.realOffset = function(element) { | |
| var t = 0, l = 0; | |
| do { | |
| t += element.scrollTop || 0; | |
| l += element.scrollLeft || 0; | |
| element = element.parentNode; | |
| } while (element); | |
| return [l, t]; | |
| }; | |
| o.cumulativeOffset = function(element) { | |
| var t = 0, l = 0; | |
| do { | |
| t += element.offsetTop || 0; | |
| l += element.offsetLeft || 0; | |
| element = element.offsetParent; | |
| } while (element); | |
| return [l, t]; | |
| }; | |
| o.resize = function() { | |
| if(!o.created || !o.getElem()) return; | |
| o.div.style.visibility = "hidden"; | |
| if(!o.staticPos) { o.div.style.left = o.div.style.top = "0px"; } | |
| o.div.style.display = "block"; | |
| var osh = o.div.offsetHeight; | |
| var osw = o.div.offsetWidth; | |
| o.div.style.visibility = "visible"; | |
| o.div.style.display = "none"; | |
| if(!o.staticPos) { | |
| var elem = document.getElementById('fd-but-' + o.id); | |
| var pos = o.truePosition(elem); | |
| var trueBody = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body; | |
| var scrollTop = window.devicePixelRatio || window.opera ? 0 : trueBody.scrollTop; | |
| var scrollLeft = window.devicePixelRatio || window.opera ? 0 : trueBody.scrollLeft; | |
| if(parseInt(trueBody.clientWidth+scrollLeft) < parseInt(osw+pos[0])) { | |
| o.div.style.left = Math.abs(parseInt((trueBody.clientWidth+scrollLeft) - osw)) + "px"; | |
| } else { | |
| o.div.style.left = pos[0] + "px"; | |
| }; | |
| if(parseInt(trueBody.clientHeight+scrollTop) < parseInt(osh+pos[1]+elem.offsetHeight+2)) { | |
| o.div.style.top = Math.abs(parseInt(pos[1] - (osh + 2))) + "px"; | |
| } else { | |
| o.div.style.top = Math.abs(parseInt(pos[1] + elem.offsetHeight + 2)) + "px"; | |
| }; | |
| }; | |
| /*@cc_on | |
| @if(@_jscript_version <= 5.6) | |
| if(o.staticPos) return; | |
| o.iePopUp.style.top = o.div.style.top; | |
| o.iePopUp.style.left = o.div.style.left; | |
| o.iePopUp.style.width = osw + "px"; | |
| o.iePopUp.style.height = (osh - 2) + "px"; | |
| @end | |
| @*/ | |
| }; | |
| o.equaliseDates = function() { | |
| var clearDayFound = false; | |
| var tmpDate; | |
| for(var i = o.low; i <= o.high; i++) { | |
| tmpDate = String(i); | |
| if(!o.disableDays[new Date(tmpDate.substr(0,4), tmpDate.substr(6,2), tmpDate.substr(4,2)).getDay() - 1]) { | |
| clearDayFound = true; | |
| break; | |
| }; | |
| }; | |
| if(!clearDayFound) o.disableDays = o.defaults.disableDays = [0,0,0,0,0,0,0]; | |
| }; | |
| o.outOfRange = function(tmpDate) { | |
| if(!o.low && !o.high) return false; | |
| var level = false; | |
| if(!tmpDate) { | |
| level = true; | |
| tmpDate = o.date; | |
| }; | |
| var d = (tmpDate.getDate() < 10) ? "0" + tmpDate.getDate() : tmpDate.getDate(); | |
| var m = ((tmpDate.getMonth() + 1) < 10) ? "0" + (tmpDate.getMonth() + 1) : tmpDate.getMonth() + 1; | |
| var y = tmpDate.getFullYear(); | |
| var dt = String(y)+String(m)+String(d); | |
| if(o.low && parseInt(dt) < parseInt(o.low)) { | |
| if(!level) return true; | |
| o.date = new Date(o.low.substr(0,4), o.low.substr(4,2)-1, o.low.substr(6,2), 5, 0, 0); | |
| return false; | |
| }; | |
| if(o.high && parseInt(dt) > parseInt(o.high)) { | |
| if(!level) return true; | |
| o.date = new Date( o.high.substr(0,4), o.high.substr(4,2)-1, o.high.substr(6,2), 5, 0, 0); | |
| }; | |
| return false; | |
| }; | |
| o.createButton = function() { | |
| if(o.staticPos) { return; }; | |
| var but; | |
| if(!document.getElementById("fd-but-" + o.id)) { | |
| var inp = o.getElem(); | |
| but = document.createElement('a'); | |
| but.href = "#"; | |
| var span = document.createElement('span'); | |
| span.appendChild(document.createTextNode(String.fromCharCode( 160 ))); | |
| but.className = "date-picker-control"; | |
| but.title = (typeof(fdLocale) == "object" && options.locale && fdLocale.titles.length > 5) ? fdLocale.titles[5] : ""; | |
| but.id = "fd-but-" + o.id; | |
| but.appendChild(span); | |
| if(inp.nextSibling) { | |
| inp.parentNode.insertBefore(but, inp.nextSibling); | |
| } else { | |
| inp.parentNode.appendChild(but); | |
| }; | |
| } else { | |
| but = document.getElementById("fd-but-" + o.id); | |
| }; | |
| but.onclick = but.onpress = function(e) { | |
| e = e || window.event; | |
| var inpId = this.id.replace('fd-but-',''); | |
| try { | |
| var dp = datePickerController.getDatePicker(inpId); | |
| } catch(err) { return false; }; | |
| if(e.type == "press") { | |
| var kc = e.keyCode != null ? e.keyCode : e.charCode; | |
| if(kc != 13) { return true; }; | |
| if(dp.visible) { | |
| hideAll(); | |
| return false; | |
| }; | |
| }; | |
| if(!dp.visible) { | |
| datePickerController.hideAll(inpId); | |
| dp.show(); | |
| } else { | |
| datePickerController.hideAll(); | |
| }; | |
| return false; | |
| }; | |
| but = null; | |
| }; | |
| o.create = function() { | |
| function createTH(details) { | |
| var th = document.createElement('th'); | |
| if(details.thClassName) th.className = details.thClassName; | |
| if(details.colspan) { | |
| /*@cc_on | |
| /*@if (@_win32) | |
| th.setAttribute('colSpan',details.colspan); | |
| @else @*/ | |
| th.setAttribute('colspan',details.colspan); | |
| /*@end | |
| @*/ | |
| }; | |
| /*@cc_on | |
| /*@if (@_win32) | |
| th.unselectable = "on"; | |
| /*@end@*/ | |
| return th; | |
| }; | |
| function createThAndButton(tr, obj) { | |
| for(var i = 0, details; details = obj[i]; i++) { | |
| var th = createTH(details); | |
| tr.appendChild(th); | |
| var but = document.createElement('span'); | |
| but.className = details.className; | |
| but.id = o.id + details.id; | |
| but.appendChild(document.createTextNode(details.text)); | |
| but.title = details.title || ""; | |
| if(details.onmousedown) but.onmousedown = details.onmousedown; | |
| if(details.onclick) but.onclick = details.onclick; | |
| if(details.onmouseout) but.onmouseout = details.onmouseout; | |
| th.appendChild(but); | |
| }; | |
| }; | |
| /*@cc_on | |
| @if(@_jscript_version <= 5.6) | |
| if(!document.getElementById("iePopUpHack")) { | |
| o.iePopUp = document.createElement('iframe'); | |
| o.iePopUp.src = "javascript:'<html></html>';"; | |
| o.iePopUp.setAttribute('className','iehack'); | |
| o.iePopUp.scrolling="no"; | |
| o.iePopUp.frameBorder="0"; | |
| o.iePopUp.name = o.iePopUp.id = "iePopUpHack"; | |
| document.body.appendChild(o.iePopUp); | |
| } else { | |
| o.iePopUp = document.getElementById("iePopUpHack"); | |
| }; | |
| @end | |
| @*/ | |
| if(typeof(fdLocale) == "object" && o.locale) { | |
| datePicker.titles = fdLocale.titles; | |
| datePicker.months = fdLocale.months; | |
| datePicker.fullDay = fdLocale.fullDay; | |
| // Optional parameters | |
| if(fdLocale.dayAbbr) datePicker.dayAbbr = fdLocale.dayAbbr; | |
| if(fdLocale.firstDayOfWeek) o.firstDayOfWeek = o.defaults.firstDayOfWeek = fdLocale.firstDayOfWeek; | |
| }; | |
| o.div = document.createElement('div'); | |
| o.div.style.zIndex = 9999; | |
| o.div.id = "fd-"+o.id; | |
| o.div.className = "datePicker"; | |
| if(!o.staticPos) { | |
| document.getElementsByTagName('body')[0].appendChild(o.div); | |
| } else { | |
| elem = o.getElem(); | |
| if(!elem) { | |
| o.div = null; | |
| return; | |
| }; | |
| o.div.className += " staticDP"; | |
| o.div.setAttribute("tabIndex", "0"); | |
| o.div.onfocus = o.events.onfocus; | |
| o.div.onblur = o.events.onblur; | |
| elem.parentNode.insertBefore(o.div, elem.nextSibling); | |
| if(o.hideInput && elem.type && elem.type == "text") elem.setAttribute("type", "hidden"); | |
| }; | |
| //var nbsp = String.fromCharCode( 160 ); | |
| var tr, row, col, tableHead, tableBody; | |
| o.table = document.createElement('table'); | |
| o.div.appendChild( o.table ); | |
| tableHead = document.createElement('thead'); | |
| o.table.appendChild( tableHead ); | |
| tr = document.createElement('tr'); | |
| tableHead.appendChild(tr); | |
| // Title Bar | |
| o.titleBar = createTH({thClassName:"date-picker-title", colspan:7}); | |
| tr.appendChild( o.titleBar ); | |
| tr = null; | |
| var span = document.createElement('span'); | |
| span.className = "month-display"; | |
| o.titleBar.appendChild(span); | |
| span = document.createElement('span'); | |
| span.className = "year-display"; | |
| o.titleBar.appendChild(span); | |
| span = null; | |
| tr = document.createElement('tr'); | |
| tableHead.appendChild(tr); | |
| createThAndButton(tr, [{className:"prev-but", id:"-prev-year-but", text:"\u00AB", title:datePicker.titles[2], onmousedown:function(e) { o.events.incDec(e,0,-1,0); }, onmouseout:o.events.clearTimer },{className:"prev-but", id:"-prev-month-but", text:"\u2039", title:datePicker.titles[0], onmousedown:function(e) { o.events.incDec(e,0,0,-1); }, onmouseout:o.events.clearTimer },{colspan:3, className:"today-but", id:"-today-but", text:datePicker.titles.length > 4 ? datePicker.titles[4] : "Today", onclick:o.events.gotoToday},{className:"next-but", id:"-next-month-but", text:"\u203A", title:datePicker.titles[1], onmousedown:function(e) { o.events.incDec(e,0,0,1); }, onmouseout:o.events.clearTimer },{className:"next-but", id:"-next-year-but", text:"\u00BB", title:datePicker.titles[3], onmousedown:function(e) { o.events.incDec(e,0,1,0); }, onmouseout:o.events.clearTimer }]); | |
| tableBody = document.createElement('tbody'); | |
| o.table.appendChild( tableBody ); | |
| for(var rows = 0; rows < 7; rows++) { | |
| row = document.createElement('tr'); | |
| if(rows != 0) tableBody.appendChild(row); | |
| else tableHead.appendChild(row); | |
| for(var cols = 0; cols < 7; cols++) { | |
| col = (rows == 0) ? document.createElement('th') : document.createElement('td'); | |
| row.appendChild(col); | |
| if(rows != 0) { | |
| col.appendChild(document.createTextNode(o.nbsp)); | |
| col.onmouseover = o.events.onmouseover; | |
| col.onclick = o.events.onclick; | |
| } else { | |
| col.className = "date-picker-day-header"; | |
| col.scope = "col"; | |
| }; | |
| col = null; | |
| }; | |
| row = null; | |
| }; | |
| // Table headers | |
| var but; | |
| var ths = o.table.getElementsByTagName('thead')[0].getElementsByTagName('tr')[2].getElementsByTagName('th'); | |
| for ( var y = 0; y < 7; y++ ) { | |
| if(y > 0) { | |
| but = document.createElement("span"); | |
| but.className = "fd-day-header"; | |
| but.onclick = ths[y].onclick = o.setFirstDayOfWeek; | |
| but.appendChild(document.createTextNode(o.nbsp)); | |
| ths[y].appendChild(but); | |
| but = null; | |
| } else { | |
| ths[y].appendChild(document.createTextNode(o.nbsp)); | |
| }; | |
| }; | |
| o.ths = o.table.getElementsByTagName('thead')[0].getElementsByTagName('tr')[2].getElementsByTagName('th'); | |
| o.trs = o.table.getElementsByTagName('tbody')[0].getElementsByTagName('tr'); | |
| o.updateTableHeaders(); | |
| tableBody = tableHead = tr = createThAndButton = createTH = null; | |
| if(o.low && o.high && (o.high - o.low < 7)) { o.equaliseDates(); }; | |
| o.created = true; | |
| if(o.staticPos) { | |
| var yyN = document.getElementById(o.id); | |
| datePickerController.addEvent(yyN, "change", o.changeHandler); | |
| if(o.splitDate) { | |
| var mmN = document.getElementById(o.id+'-mm'); | |
| var ddN = document.getElementById(o.id+'-dd'); | |
| datePickerController.addEvent(mmN, "change", o.changeHandler); | |
| datePickerController.addEvent(ddN, "change", o.changeHandler); | |
| }; | |
| o.show(); | |
| } else { | |
| o.createButton(); | |
| o.resize(); | |
| o.fade(); | |
| }; | |
| }; | |
| o.changeHandler = function() { | |
| o.setDateFromInput(); | |
| o.updateTable(); | |
| }; | |
| o.setDateFromInput = function() { | |
| function m2c(val) { | |
| return String(val).length < 2 ? "00".substring(0, 2 - String(val).length) + String(val) : val; | |
| }; | |
| o.dateSet = null; | |
| var elem = o.getElem(); | |
| if(!elem) return; | |
| if(!o.splitDate) { | |
| var date = datePickerController.dateFormat(elem.value, o.format.search(/m-d-y/i) != -1); | |
| } else { | |
| var mmN = document.getElementById(o.id+'-mm'); | |
| var ddN = document.getElementById(o.id+'-dd'); | |
| var tm = parseInt(mmN.tagName.toLowerCase() == "input" ? mmN.value : mmN.options[mmN.selectedIndex].value, 10); | |
| var td = parseInt(ddN.tagName.toLowerCase() == "input" ? ddN.value : ddN.options[ddN.selectedIndex].value, 10); | |
| var ty = parseInt(elem.tagName.toLowerCase() == "input" ? elem.value : elem.options[elem.selectedIndex || 0].value, 10); | |
| var date = datePickerController.dateFormat(tm + "/" + td + "/" + ty, true); | |
| }; | |
| var badDate = false; | |
| if(!date) { | |
| badDate = true; | |
| date = String(new Date().getFullYear()) + m2c(new Date().getMonth()+1) + m2c(new Date().getDate()); | |
| }; | |
| var d,m,y; | |
| y = Number(date.substr(0, 4)); | |
| m = Number(date.substr(4, 2)) - 1; | |
| d = Number(date.substr(6, 2)); | |
| var dpm = datePicker.getDaysPerMonth(m, y); | |
| if(d > dpm) d = dpm; | |
| if(new Date(y, m, d) == 'Invalid Date' || new Date(y, m, d) == 'NaN') { | |
| badDate = true; | |
| o.date = new Date(); | |
| o.date.setHours(5); | |
| return; | |
| }; | |
| o.date = new Date(y, m, d); | |
| o.date.setHours(5); | |
| if(!badDate) o.dateSet = new Date(o.date); | |
| m2c = null; | |
| }; | |
| o.setSelectIndex = function(elem, indx) { | |
| var len = elem.options.length; | |
| indx = Number(indx); | |
| for(var opt = 0; opt < len; opt++) { | |
| if(elem.options[opt].value == indx) { | |
| elem.selectedIndex = opt; | |
| return; | |
| }; | |
| }; | |
| }; | |
| o.returnFormattedDate = function() { | |
| var elem = o.getElem(); | |
| if(!elem) return; | |
| var d = (o.date.getDate() < 10) ? "0" + o.date.getDate() : o.date.getDate(); | |
| var m = ((o.date.getMonth() + 1) < 10) ? "0" + (o.date.getMonth() + 1) : o.date.getMonth() + 1; | |
| var yyyy = o.date.getFullYear(); | |
| var disabledDates = o.getDisabledDates(yyyy, m); | |
| var weekDay = ( o.date.getDay() + 6 ) % 7; | |
| if(!(o.disableDays[weekDay] || String(yyyy)+m+d in disabledDates)) { | |
| if(o.splitDate) { | |
| var ddE = document.getElementById(o.id+"-dd"); | |
| var mmE = document.getElementById(o.id+"-mm"); | |
| if(ddE.tagName.toLowerCase() == "input") { ddE.value = d; } | |
| else { o.setSelectIndex(ddE, d); /*ddE.selectedIndex = d - 1;*/ }; | |
| if(mmE.tagName.toLowerCase() == "input") { mmE.value = m; } | |
| else { o.setSelectIndex(mmE, m); /*mmE.selectedIndex = m - 1;*/ }; | |
| if(elem.tagName.toLowerCase() == "input") elem.value = yyyy; | |
| else { | |
| o.setSelectIndex(elem, yyyy); /* | |
| for(var opt = 0; opt < elem.options.length; opt++) { | |
| if(elem.options[opt].value == yyyy) { | |
| elem.selectedIndex = opt; | |
| break; | |
| }; | |
| }; | |
| */ | |
| }; | |
| } else { | |
| elem.value = o.format.replace('y',yyyy).replace('m',m).replace('d',d).replace(/-/g,o.divider); | |
| }; | |
| if(!elem.type || elem.type && elem.type != "hidden"){ elem.focus(); } | |
| if(o.staticPos) { | |
| o.dateSet = new Date( o.date ); | |
| o.updateTable(); | |
| }; | |
| // Programmatically fire the onchange event | |
| if(document.createEvent) { | |
| var onchangeEvent = document.createEvent('HTMLEvents'); | |
| onchangeEvent.initEvent('change', true, false); | |
| elem.dispatchEvent(onchangeEvent); | |
| } else if(document.createEventObject) { | |
| elem.fireEvent('onchange'); | |
| }; | |
| }; | |
| }; | |
| o.disableTodayButton = function() { | |
| var today = new Date(); | |
| document.getElementById(o.id + "-today-but").className = document.getElementById(o.id + "-today-but").className.replace("fd-disabled", ""); | |
| if(o.outOfRange(today) || (o.date.getDate() == today.getDate() && o.date.getMonth() == today.getMonth() && o.date.getFullYear() == today.getFullYear())) { | |
| document.getElementById(o.id + "-today-but").className += " fd-disabled"; | |
| document.getElementById(o.id + "-today-but").onclick = null; | |
| } else { | |
| document.getElementById(o.id + "-today-but").onclick = o.events.gotoToday; | |
| }; | |
| }; | |
| o.updateTableHeaders = function() { | |
| var d, but; | |
| var ths = o.ths; | |
| for ( var y = 0; y < 7; y++ ) { | |
| d = (o.firstDayOfWeek + y) % 7; | |
| ths[y].title = datePicker.fullDay[d]; | |
| if(y > 0) { | |
| but = ths[y].getElementsByTagName("span")[0]; | |
| but.removeChild(but.firstChild); | |
| but.appendChild(document.createTextNode(datePicker.dayAbbr ? datePicker.dayAbbr[d] : datePicker.fullDay[d].charAt(0))); | |
| but.title = datePicker.fullDay[d]; | |
| but = null; | |
| } else { | |
| ths[y].removeChild(ths[y].firstChild); | |
| ths[y].appendChild(document.createTextNode(datePicker.dayAbbr ? datePicker.dayAbbr[d] : datePicker.fullDay[d].charAt(0))); | |
| }; | |
| }; | |
| o.updateTable(); | |
| }; | |
| o.updateTable = function(noCallback) { | |
| if(o.timerSet) { | |
| var d = new Date(o.date); | |
| d.setDate( Math.min(d.getDate()+o.dayInc, datePicker.getDaysPerMonth(d.getMonth()+o.monthInc,d.getFullYear()+o.yearInc)) ); | |
| d.setMonth( d.getMonth() + o.monthInc ); | |
| d.setFullYear( d.getFullYear() + o.yearInc ); | |
| o.date = d; | |
| }; | |
| if(!noCallback && "onupdate" in datePickerController && typeof(datePickerController.onupdate) == "function") datePickerController.onupdate(o); | |
| o.outOfRange(); | |
| o.disableTodayButton(); | |
| // Set the tmpDate to the second day of this month (to avoid daylight savings time madness on Windows) | |
| var tmpDate = new Date( o.date.getFullYear(), o.date.getMonth(), 2 ); | |
| tmpDate.setHours(5); | |
| var tdm = tmpDate.getMonth(); | |
| var tdy = tmpDate.getFullYear(); | |
| // Do the disableDates for this year and month | |
| var disabledDates = o.getDisabledDates(o.date.getFullYear(), o.date.getMonth() + 1); | |
| var today = new Date(); | |
| // Previous buttons out of range | |
| var b = document.getElementById(o.id + "-prev-year-but"); | |
| b.className = b.className.replace("fd-disabled", ""); | |
| if(o.outOfRange(new Date((tdy - 1), Number(tdm), datePicker.getDaysPerMonth(Number(tdm), tdy-1)))) { | |
| b.className += " fd-disabled"; | |
| if(o.yearInc == -1) o.stopTimer(); | |
| }; | |
| b = document.getElementById(o.id + "-prev-month-but"); | |
| b.className = b.className.replace("fd-disabled", ""); | |
| if(o.outOfRange(new Date(tdy, (Number(tdm) - 1), datePicker.getDaysPerMonth(Number(tdm)-1, tdy)))) { | |
| b.className += " fd-disabled"; | |
| if(o.monthInc == -1) o.stopTimer(); | |
| }; | |
| // Next buttons out of range | |
| b = document.getElementById(o.id + "-next-year-but"); | |
| b.className = b.className.replace("fd-disabled", ""); | |
| if(o.outOfRange(new Date((tdy + 1), Number(tdm), 1))) { | |
| b.className += " fd-disabled"; | |
| if(o.yearInc == 1) o.stopTimer(); | |
| }; | |
| b = document.getElementById(o.id + "-next-month-but"); | |
| b.className = b.className.replace("fd-disabled", ""); | |
| if(o.outOfRange(new Date(tdy, Number(tdm) + 1, 1))) { | |
| b.className += " fd-disabled"; | |
| if(o.monthInc == 1) o.stopTimer(); | |
| }; | |
| b = null; | |
| var cd = o.date.getDate(); | |
| var cm = o.date.getMonth(); | |
| var cy = o.date.getFullYear(); | |
| // Title Bar | |
| var span = o.titleBar.getElementsByTagName("span"); | |
| while(span[0].firstChild) span[0].removeChild(span[0].firstChild); | |
| while(span[1].firstChild) span[1].removeChild(span[1].firstChild); | |
| span[0].appendChild(document.createTextNode(datePicker.months[cm] + o.nbsp)); | |
| span[1].appendChild(document.createTextNode(cy)); | |
| tmpDate.setDate( 1 ); | |
| var dt, cName, td, tds, i; | |
| var weekDay = ( tmpDate.getDay() + 6 ) % 7; | |
| var firstColIndex = (( (weekDay - o.firstDayOfWeek) + 7 ) % 7) - 1; | |
| var dpm = datePicker.getDaysPerMonth(cm, cy); | |
| var todayD = today.getDate(); | |
| var todayM = today.getMonth(); | |
| var todayY = today.getFullYear(); | |
| var c = "class"; | |
| /*@cc_on | |
| @if(@_win32) | |
| c = "className"; | |
| @end | |
| @*/ | |
| var stub = String(tdy) + (String(tdm+1).length < 2 ? "0" + (tdm+1) : tdm+1); | |
| for(var row = 0; row < 6; row++) { | |
| tds = o.trs[row].getElementsByTagName('td'); | |
| for(var col = 0; col < 7; col++) { | |
| td = tds[col]; | |
| td.removeChild(td.firstChild); | |
| td.setAttribute("id", ""); | |
| td.setAttribute("title", ""); | |
| i = (row * 7) + col; | |
| if(i > firstColIndex && i <= (firstColIndex + dpm)) { | |
| dt = i - firstColIndex; | |
| tmpDate.setDate(dt); | |
| td.appendChild(document.createTextNode(dt)); | |
| if(o.outOfRange(tmpDate)) { | |
| td.setAttribute(c, "out-of-range"); | |
| } else { | |
| cName = []; | |
| weekDay = ( tmpDate.getDay() + 6 ) % 7; | |
| if(dt == todayD && tdm == todayM && tdy == todayY) { | |
| cName.push("date-picker-today"); | |
| }; | |
| if(o.dateSet != null && o.dateSet.getDate() == dt && o.dateSet.getMonth() == tdm && o.dateSet.getFullYear() == tdy) { | |
| cName.push("date-picker-selected-date"); | |
| }; | |
| if(o.disableDays[weekDay] || stub + String(dt < 10 ? "0" + dt : dt) in disabledDates) { | |
| cName.push("day-disabled"); | |
| } else if(o.highlightDays[weekDay]) { | |
| cName.push("date-picker-highlight"); | |
| }; | |
| if(cd == dt) { | |
| td.setAttribute("id", o.id + "-date-picker-hover"); | |
| cName.push("date-picker-hover"); | |
| }; | |
| cName.push("dm-" + dt + '-' + (tdm + 1) + " " + " dmy-" + dt + '-' + (tdm + 1) + '-' + tdy); | |
| td.setAttribute(c, cName.join(' ')); | |
| td.setAttribute("title", datePicker.months[cm] + o.nbsp + dt + "," + o.nbsp + cy); | |
| }; | |
| } else { | |
| td.appendChild(document.createTextNode(o.nbsp)); | |
| td.setAttribute(c, "date-picker-unused"); | |
| }; | |
| }; | |
| }; | |
| if(o.timerSet) { | |
| o.timerInc = 50 + Math.round(((o.timerInc - 50) / 1.8)); | |
| o.timer = window.setTimeout(o.updateTable, o.timerInc); | |
| }; | |
| }; | |
| o.addKeyboardEvents = function() { | |
| datePickerController.addEvent(document, "keypress", o.events.onkeydown); | |
| /*@cc_on | |
| @if(@_win32) | |
| datePickerController.removeEvent(document, "keypress", o.events.onkeydown); | |
| datePickerController.addEvent(document, "keydown", o.events.onkeydown); | |
| @end | |
| @*/ | |
| if(window.devicePixelRatio) { | |
| datePickerController.removeEvent(document, "keypress", o.events.onkeydown); | |
| datePickerController.addEvent(document, "keydown", o.events.onkeydown); | |
| }; | |
| }; | |
| o.removeKeyboardEvents =function() { | |
| datePickerController.removeEvent(document, "keypress", o.events.onkeydown); | |
| datePickerController.removeEvent(document, "keydown", o.events.onkeydown); | |
| }; | |
| o.show = function() { | |
| var elem = o.getElem(); | |
| if(!elem || o.visible || elem.disabled) return; | |
| o.reset(); | |
| o.setDateFromInput(); | |
| o.updateTable(); | |
| if(!o.staticPos) o.resize(); | |
| datePickerController.addEvent(o.staticPos ? o.table : document, "mousedown", o.events.onmousedown); | |
| if(!o.staticPos) { o.addKeyboardEvents(); }; | |
| o.opacityTo = o.noTransparency ? 99 : 90; | |
| o.div.style.display = "block"; | |
| /*@cc_on | |
| @if(@_jscript_version <= 5.6) | |
| if(!o.staticPos) o.iePopUp.style.display = "block"; | |
| @end | |
| @*/ | |
| o.fade(); | |
| o.visible = true; | |
| }; | |
| o.hide = function() { | |
| if(!o.visible) return; | |
| o.stopTimer(); | |
| if(o.staticPos) return; | |
| datePickerController.removeEvent(document, "mousedown", o.events.onmousedown); | |
| datePickerController.removeEvent(document, "mouseup", o.events.clearTimer); | |
| o.removeKeyboardEvents(); | |
| /*@cc_on | |
| @if(@_jscript_version <= 5.6) | |
| o.iePopUp.style.display = "none"; | |
| @end | |
| @*/ | |
| o.opacityTo = 0; | |
| o.fade(); | |
| o.visible = false; | |
| var elem = o.getElem(); | |
| if(!elem.type || elem.type && elem.type != "hidden") { elem.focus(); }; | |
| }; | |
| o.destroy = function() { | |
| // Cleanup for Internet Explorer | |
| datePickerController.removeEvent(o.staticPos ? o.table : document, "mousedown", o.events.onmousedown); | |
| datePickerController.removeEvent(document, "mouseup", o.events.clearTimer); | |
| o.removeKeyboardEvents(); | |
| if(o.staticPos) { | |
| var yyN = document.getElementById(o.id); | |
| datePickerController.removeEvent(yyN, "change", o.changeHandler); | |
| if(o.splitDate) { | |
| var mmN = document.getElementById(o.id+'-mm'); | |
| var ddN = document.getElementById(o.id+'-dd'); | |
| datePickerController.removeEvent(mmN, "change", o.changeHandler); | |
| datePickerController.removeEvent(ddN, "change", o.changeHandler); | |
| }; | |
| o.div.onfocus = o.div.onblur = null; | |
| }; | |
| var ths = o.table.getElementsByTagName("th"); | |
| for(var i = 0, th; th = ths[i]; i++) { | |
| th.onmouseover = th.onmouseout = th.onmousedown = th.onclick = null; | |
| }; | |
| var tds = o.table.getElementsByTagName("td"); | |
| for(var i = 0, td; td = tds[i]; i++) { | |
| td.onmouseover = td.onclick = null; | |
| }; | |
| var butts = o.table.getElementsByTagName("span"); | |
| for(var i = 0, butt; butt = butts[i]; i++) { | |
| butt.onmousedown = butt.onclick = butt.onkeypress = null; | |
| }; | |
| o.ths = o.trs = null; | |
| clearTimeout(o.fadeTimer); | |
| clearTimeout(o.timer); | |
| o.fadeTimer = o.timer = null; | |
| /*@cc_on | |
| @if(@_jscript_version <= 5.6) | |
| o.iePopUp = null; | |
| @end | |
| @*/ | |
| if(!o.staticPos && document.getElementById(o.id.replace(/^fd-/, 'fd-but-'))) { | |
| var butt = document.getElementById(o.id.replace(/^fd-/, 'fd-but-')); | |
| butt.onclick = butt.onpress = null; | |
| }; | |
| if(o.div && o.div.parentNode) { | |
| o.div.parentNode.removeChild(o.div); | |
| }; | |
| o.titleBar = o.table = o.div = null; | |
| o = null; | |
| }; | |
| o.create(); | |
| }; | |
| datePickerController = { | |
| datePickers: {}, | |
| uniqueId: 0, | |
| addEvent: function(obj, type, fn) { | |
| if( obj.attachEvent ) { | |
| obj["e"+type+fn] = fn; | |
| obj[type+fn] = function(){obj["e"+type+fn]( window.event );}; | |
| obj.attachEvent( "on"+type, obj[type+fn] ); | |
| } else { | |
| obj.addEventListener( type, fn, true ); | |
| }; | |
| }, | |
| removeEvent: function(obj, type, fn) { | |
| try { | |
| if( obj.detachEvent ) { | |
| obj.detachEvent( "on"+type, obj[type+fn] ); | |
| obj[type+fn] = null; | |
| } else { | |
| obj.removeEventListener( type, fn, true ); | |
| }; | |
| } catch(err) {}; | |
| }, | |
| hideAll: function(exception) { | |
| var dp; | |
| for(dp in datePickerController.datePickers) { | |
| if(!datePickerController.datePickers[dp].created || datePickerController.datePickers[dp].staticPos) continue; | |
| if(exception && exception == datePickerController.datePickers[dp].id) { continue; }; | |
| if(document.getElementById(datePickerController.datePickers[dp].id)) { datePickerController.datePickers[dp].hide(); }; | |
| }; | |
| }, | |
| cleanUp: function() { | |
| var dp; | |
| for(dp in datePickerController.datePickers) { | |
| if(!document.getElementById(datePickerController.datePickers[dp].id)) { | |
| if(!datePickerController.datePickers[dp].created) continue; | |
| datePickerController.datePickers[dp].destroy(); | |
| datePickerController.datePickers[dp] = null; | |
| delete datePickerController.datePickers[dp]; | |
| }; | |
| }; | |
| }, | |
| destroy: function() { | |
| for(dp in datePickerController.datePickers) { | |
| if(!datePickerController.datePickers[dp].created) continue; | |
| datePickerController.datePickers[dp].destroy(); | |
| datePickerController.datePickers[dp] = null; | |
| delete datePickerController.datePickers[dp]; | |
| }; | |
| datePickerController.datePickers = null; | |
| /*@cc_on | |
| @if(@_jscript_version <= 5.6) | |
| if(document.getElementById("iePopUpHack")) { | |
| document.body.removeChild(document.getElementById("iePopUpHack")); | |
| }; | |
| @end | |
| @*/ | |
| datePicker.script = null; | |
| datePickerController.removeEvent(window, 'load', datePickerController.create); | |
| datePickerController.removeEvent(window, 'unload', datePickerController.destroy); | |
| }, | |
| dateFormat: function(dateIn, favourMDY) { | |
| var dateTest = [ | |
| { regExp:/^(0?[1-9]|[12][0-9]|3[01])([- \/.])(0?[1-9]|1[012])([- \/.])((\d\d)?\d\d)$/, d:1, m:3, y:5 }, // dmy | |
| { regExp:/^(0?[1-9]|1[012])([- \/.])(0?[1-9]|[12][0-9]|3[01])([- \/.])((\d\d)?\d\d)$/, d:3, m:1, y:5 }, // mdy | |
| { regExp:/^(\d\d\d\d)([- \/.])(0?[1-9]|1[012])([- \/.])(0?[1-9]|[12][0-9]|3[01])$/, d:5, m:3, y:1 } // ymd | |
| ]; | |
| var start; | |
| var cnt = 0; | |
| while(cnt < 3) { | |
| start = (cnt + (favourMDY ? 4 : 3)) % 3; | |
| if(dateIn.match(dateTest[start].regExp)) { | |
| res = dateIn.match(dateTest[start].regExp); | |
| y = res[dateTest[start].y]; | |
| m = res[dateTest[start].m]; | |
| d = res[dateTest[start].d]; | |
| if(m.length == 1) m = "0" + m; | |
| if(d.length == 1) d = "0" + d; | |
| if(y.length != 4) y = (parseInt(y) < 50) ? '20' + y : '19' + y; | |
| return String(y)+m+d; | |
| }; | |
| cnt++; | |
| }; | |
| return 0; | |
| }, | |
| joinNodeLists: function() { | |
| if(!arguments.length) { return []; } | |
| var nodeList = []; | |
| for (var i = 0; i < arguments.length; i++) { | |
| for (var j = 0, item; item = arguments[i][j]; j++) { | |
| nodeList[nodeList.length] = item; | |
| }; | |
| }; | |
| return nodeList; | |
| }, | |
| addDatePicker: function(inpId, options) { | |
| if(!(inpId in datePickerController.datePickers)) { | |
| datePickerController.datePickers[inpId] = new datePicker(options); | |
| }; | |
| }, | |
| getDatePicker: function(inpId) { | |
| if(!(inpId in datePickerController.datePickers)) { throw "No datePicker has been created for the form element with an id of '" + inpId.toString() + "'"; }; | |
| return datePickerController.datePickers[inpId]; | |
| }, | |
| grepRangeLimits: function(sel) { | |
| var range = []; | |
| for(var i = 0; i < sel.options.length; i++) { | |
| if(sel.options[i].value.search(/^\d\d\d\d$/) == -1) { continue; }; | |
| if(!range[0] || Number(sel.options[i].value) < range[0]) { range[0] = Number(sel.options[i].value); }; | |
| if(!range[1] || Number(sel.options[i].value) > range[1]) { range[1] = Number(sel.options[i].value); }; | |
| }; | |
| return range; | |
| }, | |
| create: function(inp) { | |
| if(!(typeof document.createElement != "undefined" && typeof document.documentElement != "undefined" && typeof document.documentElement.offsetWidth == "number")) return; | |
| var inputs = (inp && inp.tagName) ? [inp] : datePickerController.joinNodeLists(document.getElementsByTagName('input'), document.getElementsByTagName('select')); | |
| var regExp1 = /disable-days-([1-7]){1,6}/g; // the days to disable | |
| var regExp2 = /no-transparency/g; // do not use transparency effects | |
| var regExp3 = /highlight-days-([1-7]){1,7}/g; // the days to highlight in red | |
| var regExp4 = /range-low-(\d\d\d\d-\d\d-\d\d)/g; // the lowest selectable date | |
| var regExp5 = /range-high-(\d\d\d\d-\d\d-\d\d)/g; // the highest selectable date | |
| var regExp6 = /format-(d-m-y|m-d-y|y-m-d)/g; // the input/output date format | |
| var regExp7 = /divider-(dot|slash|space|dash)/g; // the character used to divide the date | |
| var regExp8 = /no-locale/g; // do not attempt to detect the browser language | |
| var regExp9 = /no-fade/g; // always show the datepicker | |
| var regExp10 = /hide-input/g; // hide the input | |
| for(var i=0, inp; inp = inputs[i]; i++) { | |
| if(inp.className && (inp.className.search(regExp6) != -1 || inp.className.search(/split-date/) != -1) && ((inp.tagName.toLowerCase() == "input" && (inp.type == "text" || inp.type == "hidden")) || inp.tagName.toLowerCase() == "select")) { | |
| if(inp.id && document.getElementById('fd-'+inp.id)) { continue; }; | |
| if(!inp.id) { inp.id = "fdDatePicker-" + datePickerController.uniqueId++; }; | |
| var options = { | |
| id:inp.id, | |
| low:"", | |
| high:"", | |
| divider:"/", | |
| format:"d-m-y", | |
| highlightDays:[0,0,0,0,0,1,1], | |
| disableDays:[0,0,0,0,0,0,0], | |
| locale:inp.className.search(regExp8) == -1, | |
| splitDate:0, | |
| noTransparency:inp.className.search(regExp2) != -1, | |
| staticPos:inp.className.search(regExp9) != -1, | |
| hideInput:inp.className.search(regExp10) != -1 | |
| }; | |
| if(!options.staticPos) { | |
| options.hideInput = false; | |
| } else { | |
| options.noTransparency = true; | |
| }; | |
| // Split the date into three parts ? | |
| if(inp.className.search(/split-date/) != -1) { | |
| if(document.getElementById(inp.id+'-dd') && document.getElementById(inp.id+'-mm') && document.getElementById(inp.id+'-dd').tagName.search(/input|select/i) != -1 && document.getElementById(inp.id+'-mm').tagName.search(/input|select/i) != -1) { | |
| options.splitDate = 1; | |
| }; | |
| }; | |
| // Date format(variations of d-m-y) | |
| if(inp.className.search(regExp6) != -1) { | |
| options.format = inp.className.match(regExp6)[0].replace('format-',''); | |
| }; | |
| // What divider to use, a "/", "-", "." or " " | |
| if(inp.className.search(regExp7) != -1) { | |
| var dividers = { dot:".", space:" ", dash:"-", slash:"/" }; | |
| options.divider = (inp.className.search(regExp7) != -1 && inp.className.match(regExp7)[0].replace('divider-','') in dividers) ? dividers[inp.className.match(regExp7)[0].replace('divider-','')] : "/"; | |
| }; | |
| // The days to highlight | |
| if(inp.className.search(regExp3) != -1) { | |
| var tmp = inp.className.match(regExp3)[0].replace(/highlight-days-/, ''); | |
| options.highlightDays = [0,0,0,0,0,0,0]; | |
| for(var j = 0; j < tmp.length; j++) { | |
| options.highlightDays[tmp.charAt(j) - 1] = 1; | |
| }; | |
| }; | |
| // The days to disable | |
| if(inp.className.search(regExp1) != -1) { | |
| var tmp = inp.className.match(regExp1)[0].replace(/disable-days-/, ''); | |
| options.disableDays = [0,0,0,0,0,0,0]; | |
| for(var j = 0; j < tmp.length; j++) { | |
| options.disableDays[tmp.charAt(j) - 1] = 1; | |
| }; | |
| }; | |
| // The lower limit | |
| if(inp.className.search(/range-low-today/i) != -1) { | |
| options.low = datePickerController.dateFormat((new Date().getMonth() + 1) + "/" + new Date().getDate() + "/" + new Date().getFullYear(), true); | |
| } else if(inp.className.search(regExp4) != -1) { | |
| options.low = datePickerController.dateFormat(inp.className.match(regExp4)[0].replace(/range-low-/, ''), false); | |
| if(!options.low) { | |
| options.low = ''; | |
| }; | |
| }; | |
| // The higher limit | |
| if(inp.className.search(/range-high-today/i) != -1 && inp.className.search(/range-low-today/i) == -1) { | |
| options.high = datePickerController.dateFormat((new Date().getMonth() + 1) + "/" + new Date().getDate() + "/" + new Date().getFullYear(), true); | |
| } else if(inp.className.search(regExp5) != -1) { | |
| options.high = datePickerController.dateFormat(inp.className.match(regExp5)[0].replace(/range-high-/, ''), false); | |
| if(!options.high) { | |
| options.high = ''; | |
| }; | |
| }; | |
| // Always round lower & higher limits if a selectList involved | |
| if(inp.tagName.search(/select/i) != -1) { | |
| var range = datePickerController.grepRangeLimits(inp); | |
| options.low = options.low ? range[0] + String(options.low).substr(4,4) : datePickerController.dateFormat(range[0] + "/01/01"); | |
| options.high = options.high ? range[1] + String(options.low).substr(4,4) : datePickerController.dateFormat(range[1] + "/12/31"); | |
| }; | |
| datePickerController.addDatePicker(inp.id, options); | |
| }; | |
| }; | |
| } | |
| }; | |
| })(); | |
| datePickerController.addEvent(window, 'load', datePickerController.create); | |
| datePickerController.addEvent(window, 'unload', datePickerController.destroy); | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Hi im using this plugin, how can I disabled today for picking?
Thank you in advanced