* calendar.js author:Chen Chun
*
* 功能描述:本日历控件(以下简称控件)采用隐藏层的实现方式,避免了弹出窗口式可能被浏览器拦截的麻烦。
* 控件的调出函数被触发后,在指定位置会弹出控件面板。向文本框输入数据时,先要选择日期,然后用鼠标
* 点击面板上某一天的单元格。这时,日历控件会把你选择的时间自动填到文本框里。控件面板最上面显示的是
* 年和月。可以按住键盘上的↑,↓,←,→来分别调整年和月;也可以点击面板最下面一栏,"Today"按钮两侧
* 的<<,<,>,>>来调整年和月。如果点击"Today"按钮,则会把当前时间传给文本框。从上至下第二栏的"日,
* 一,二,三,四,五,六"表示的是星期,不做日期输入,只用来提示时间;如果用鼠标按住此栏,可以托拽
* 控件到页面任意位置。星期栏下面是控件主操作区,用鼠标点击某一天,即可把选中的时间传给指定文本框。
* 主操作区下面显示的是时分秒,用鼠标点击时分秒其中任意一个数字均会显示相应的微调按钮,以便调整时间。
* 回填给文本框的日期,目前支持以下几种:yyyyMMddHHmmss,yyyyMMdd,yyyy-MM-dd HH:mm:ss,yyyy-MM-dd,
* yyyy/MM/dd HH:mm:ss,yyyy/MM/dd,yyyy年MM月dd日HH时mm分ss秒,yyyy年MM月dd日
*
* 调用方法:
* 方法一:calendar(),该函数适合直接由文本框调用。
* 方法二:calendar(obj,format),该函数适合由任意指定的页面元素调用。其中参数obj为输出的目标,format
* 为输出的日期格式。
*
* 因为本日历控件的图片使用的是相对路径,所以因页面所在文件夹的不同有可能图片显示不出来,
* 这时请修改图片相对路径: this.imageRelativePath = "/pageComponent/resources/images/calendar";
*
*/
<!--
document.write("<div id=eosCalendarLayer style='position: absolute; z-index: 9999; width: 185; height: 233; display: none'>");
document.write("<iframe src='/pageComponent/resources/scripts/blank.htm' name=eosCalendarIframe scrolling=no frameborder=0 width=100% height=100%></iframe></div>");
//日期控件高度 19+20+120+19+20
function writeIframe(parent) //对iframe进行初始化
{
var strIframe = "<html><head><meta http-equiv='Content-Type' content='text/html; charset=gb2312'><style>"+
"*{font-size: 12px; font-family: 宋体}"+
".operate { cursor: hand; }"+
".textarea{ FONT-FAMILY: Tahoma; font-size:8pt; height: 17px; padding-right:2px; text-align:right; }"+
".bg{ color: "+ parent.lightColor +"; cursor: default; background-color: "+ parent.darkColor +"; }"+
"table#tableHead td{ font-size:14px; font-family:宋体; font-weight:bold; color:#FFFFFF; }"+
"table#tableMain{ width:180; height:198; }"+
"table#tableWeek td{ font-size:12px; font-family:宋体; font-weight:bold; color:#00008B; "+
"background-color:"+ parent.darkColor +"; border:0px; }"+
"table#tableDay td{ font-size: 12px; font-family:宋体; font-color: #000000; border: 0px solid; }"+
"table#tableTime td{ cursor: hand; font-size: 12px; font-family:宋体; font-color: #000000; border: 0px solid; }"+
"td#meizzYearHead, td#meizzYearMonth{color: "+ parent.wordColor +"}"+
".out { text-align: center; border-top: 1px solid "+ parent.DarkBorder +"; border-left: 1px solid "+
parent.DarkBorder +"; border-right: 1px solid "+ parent.lightColor +"; border-bottom: 1px solid "+ parent.lightColor +"; }"+
".over{ text-align: center; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; "+
"border-bottom: 1px solid "+ parent.DarkBorder +"; border-right: 1px solid "+ parent.DarkBorder +"}"+
"</style></head><body onselectstart='return false' style='margin: 0px' oncontextmenu='return false'><form name=meizz>";
if (parent.drag)
{
strIframe += "<script language=javascript>"+
"var drag=false, cx=0, cy=0, o = parent.WebCalendar.calendar; function document.onmousemove(){"+
"if(parent.WebCalendar.drag && drag){if(o.style.left=='')o.style.left=0; if(o.style.top=='')o.style.top=0; "+

