' + crlf;
// next/prev month/year buttons
html += '
' + crlf;
html += '
«
' + crlf;
html += '
<
' + crlf;
html += '
' + d.getFullYear() + '
' + crlf;
html += '
>
' + crlf;
html += '
»
' + crlf;
html += '
' + crlf;
// spacer
html += '
' + crlf;
// days of week
html += '
' + crlf;
for (var i = 0; i < this.dayArrayMed.length; i++) { html += '
' + this.dayArrayMed[i] + '
' + crlf; }
html += '
' + crlf;
html += '
' + this.buildMonth(fieldName) + '
' + crlf;
// spacer
html += '
' + crlf;
if (this.params.showTime)
{
// time
html += '
' + crlf;
html += '
';
// ::hour
html += ' : "
// ::minute
html += ' ';
// ::meridian
html += '';
html += '
' + crlf;
html += '
' + crlf;
}
html += '' + crlf;
html += '
';
return html;
},
buildMonth: function(fieldName)
{
var d = new Date(this.d[fieldName].getTime());
d.setDate(1);
var cols = 0;
var html = "";
var m = new Date(d.getTime());
m.setMonth(m.getMonth() - 1);
var daysInPrevMonth = 32 - new Date(m.getFullYear(), m.getMonth(), 32).getDate();
for (var i = 0; i < d.getDay(); i++)
{
cols++;
m.setDate(daysInPrevMonth - (d.getDay() - i) + 1);
html += '
' + m.getDate() + '
';
}
do {
cols++;
var className = this.match(d, this.data[fieldName]) ? "dp_day_on" : "dp_day_off";
var onClick = ' onclick="DatePicker.setDate(event, \'' + d.getDate() + '\');DatePicker.exit(\'' + fieldName + '\');"';
html += '
' + d.getDate() + '
';
if (d.getDay() == 6) html += '
';
d.setDate(d.getDate() + 1);
}
while (d.getDate() > 1);
if (cols < 42)
{
m = new Date(d.getTime());
m.setMonth(d.getMonth());
m.setDate(1);
for (var i = cols; i < 42; i++)
{
html += '
' + m.getDate() + '
';
if (m.getDay() == 6) html += '
';
m.setDate(m.getDate() + 1);
}
}
return html;
},
match: function(d1, d2)
{
return (d1.getFullYear() == d2.getFullYear() && d1.getMonth() == d2.getMonth() && d1.getDate() == d2.getDate());
},
setYear: function(event, val)
{
this.set(event, 'year', val);
},
setMonth: function(event, val)
{
this.set(event, 'month', val);
},
setDate: function(event, val)
{
this.set(event, 'date', val);
},
setHour: function(event, val)
{
this.set(event, 'hour', val);
},
setMinute: function(event, val)
{
this.set(event, 'minute', val);
},
setMeridian: function(event, val)
{
this.set(event, 'meridian', val);
},
set: function(event, key, val)
{
event.cancelBubble = true;
var e = (event.srcElement) ? event.srcElement : event.target;
var fieldName = this.getFieldName(event);
var d = this.d[fieldName];
var save = false;
switch (key.toLowerCase())
{
case 'date':
d.setDate(val);
save = true;
break;
case 'month':
d.setMonth(d.getMonth() + val);
var arr = this.getElementsByClassName(e.parentNode.parentNode, "dp_month");
if (arr[0]) arr[0].innerHTML = this.monthArrayLong[d.getMonth()];
if (d.getMonth() == 0 && val > 0) { key = 'year'; val = 0; }
else if (d.getMonth() == 11 && val < 0) { key = 'year'; val = 0; }
else break;
case 'year':
d.setFullYear(d.getFullYear() + val);
var arr = this.getElementsByClassName(e.parentNode.parentNode, "dp_year");
if (arr[0]) arr[0].innerHTML = d.getFullYear();
break;
case 'minute':
d.setMinutes(val);
save = true;
break;
case 'hour':
var childNodes = e.parentNode.childNodes;
if (childNodes[childNodes.length - 1].selectedIndex == 1) val += 12; // adjust for meridian
d.setHours(val);
save = true;
break;
case 'meridian':
if (val == 0 && d.getHours() > 11) d.setHours(d.getHours() - 12);
else if (val == 1 && d.getHours() < 12) d.setHours(d.getHours() + 12);
save = true;
break;
}
if (save) this.data[fieldName] = new Date(d.getTime());
var div = document.getElementById("dp_" + fieldName);
div.innerHTML = this.build(fieldName);
},
getContainer: function(e, className)
{
var parent = e.parentNode;
while (parent.nodeName.toLowerCase() != "body")
{
if (parent.className == className) break;
parent = parent.parentNode;
}
return parent;
},
getFieldName: function(event)
{
event.cancelBubble = true;
var e = (event.srcElement) ? event.srcElement : event.target;
var parent = this.getContainer(e, "dp_div");
return (parent.id) ? parent.id.substr(3) : "";
},
getElementsByClassName: function(parent, className)
{
if (!parent) var parent = document;
var arr = new Array();
var elements = parent.getElementsByTagName("*");
for (var cls, i = 0; (e = elements[i]); i++)
{
if (e.className == className) arr[arr.length] = e;
}
return arr;
},
showHelp: function()
{
var crlf = "\r\n";
var str = "Date Selection:" + crlf;
str += "- Use the « and » buttons to change the year." + crlf;
str += "- Use the < and > buttons to change the month." + crlf;
var html_entity_decode = function(s)
{
var ta = document.createElement("textarea");
ta.innerHTML = s.replace(//g, ">");
return ta.value;
};
alert(html_entity_decode(str));
},
update: function(fieldName)
{
var d = this.data[fieldName];
$(fieldName).value = d.format(this.params.format);
},
exit: function(fieldName)
{
this.update(fieldName);
var div = document.getElementById("dp_" + fieldName);
if (div) div.parentNode.removeChild(div);
var iframe = document.getElementById("dp_iframe_" + fieldName);
if (iframe) iframe.parentNode.removeChild(iframe);
}
};