JS日期控件二

wmg494005678

浏览: 102705 次
性别:
来自: 济南

最近访客更多访客>>

wyx065747

muzktek

mushme

jiage17

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Jsp/Servlet

IE 单元测试 J#

经测试，在ＩＥ下可以使用，在火狐下不可以
ＨＴＭＬ代码

<html>  
<head>  
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
    <meta http-equiv="pragma" content="no-cache">  
    <meta http-equiv="cache-control" content="no-cache">  
    <meta http-equiv="expires" content="0">       
    <title>extjs 日期时间</title>  
    <script type="text/javascript" src="Datetime.js"></script>  
</head>  
<body>  
       
         (1)只选择日期   <input type="text"  name="date"   readOnly onClick="setDay(this);" ><br/>  
(2)选择日期和小时 <input type="text" name="dateh" readOnly onClick="setDayH(this);"><br/>  
(3)选择日期和小时及分钟 <input type="text" name="datehm" readOnly onClick="setDayHM(this);">  
  
</body>  
</html>

JS代码：

/**//**  
*本日历选择控件由tiannet根据前人经验完善而得。大部分代码来自meizz的日历控件。  
*tiannet添加了时间选择功能、select,object标签隐藏功能，还有其它小功能。  
*使用方法：  
* (1)只选择日期   <input type="text" name="date"   readOnly onClick="setDay(this);">  
* (2)选择日期和小时 <input type="text" name="dateh" readOnly onClick="setDayH(this);">  
* (3)选择日期和小时及分钟 <input type="text" name="datehm" readOnly onClick="setDayHM(this);">  
*设置参数的方法  
* (1)设置日期分隔符    setDateSplit(strSplit);默认为"-"  
* (2)设置日期与时间之间的分隔符 setDateTimeSplit(strSplit);默认为" "  
* (3)设置时间分隔符    setTimeSplit(strSplit);默认为":"  
* (4)设置(1),(2),(3)中的分隔符 setSplit(strDateSplit,strDateTimeSplit,strTimeSplit);  
* (5)设置开始和结束年份    setYearPeriod(intDateBeg,intDateEnd)  
*说明：  
* 默认返回的日期时间格式如同：2005-02-02 08:08  
*/  
//------------------ 样式定义 ---------------------------//   
//功能按钮同样样式   
var s_tiannet_turn_base = "height:16px;font-size:12px;color:white; font-weight:bold;border:0 solid #000000;cursor:hand;background-color:#0FA8C7;";   
var s_tiannet_turn_base3 = "height:16px;font-size:12px;color:#0FA8C7; font-weight:bold;border:0 solid #ffffff;cursor:hand;background-color:#ffffff;";   
//翻年、月等的按钮   
var s_tiannet_turn = "width:28px;" + s_tiannet_turn_base;   
//关闭、清空等按钮样式   
var s_tiannet_turn2 = "width:22px;" + s_tiannet_turn_base;   
  
var s_tiannet_turn3 = "width:10px;" + s_tiannet_turn_base3;   
//年选择下拉框   
var s_tiannet_select = "width:64px;display:none;";   
//月、时、分选择下拉框   
var s_tiannet_select2 = "width:46px;display:none;";   
//日期选择控件体的样式   
var s_tiannet_body = "width:240px;height:80px;background-color:#0FA8C7;display:none;z-index:9998;position:absolute;" +   
"border-left:1 solid #000000;border-right:1 solid #000000;border-bottom:1 solid #000000; font-family:'宋体';";   
//显示日的td的样式   
var s_tiannet_day = "width:30px;height:15px;background-color:#D8F0FC;font-size:12px;";   
//字体样式   
var s_tiannet_font = "color:#000000; font-weight:bold; text-align:center;font-size:9pt;cursor:hand;";   
//链接的样式   
var s_tiannet_link = "text-decoration:none;font-size:9pt;color:#0FA8C7;";   
//横线   
var s_tiannet_line = "border-bottom:1 solid #000000";   
  
var s_tiannet_font2 = "color:#FFFFFF;font-weight:bold;font-size:12px;";   
var s_tiannet_font3 = "color:blue;font-size:12px;font-weight:bold;";   
var textbox = "color:blue;size:2;font-size:12px;background-color:#ffffff; width:35px;height:15px;border:0 solid #0FA8C7;font-weight:bold; text-align: center;";   
var bt = "color:blue;size:2;font-size:12px;background-color:#ffffff; width:15px;height:15px;border:0 solid #0FA8C7;font-weight:bold; text-align: center;";   
var bt2 = "border:0 solid #0FA8C7; background-color:#ffffff;";   
//------------------ 变量定义 ---------------------------//   
var tiannetYearSt = 1950;//可选择的开始年份   
var tiannetYearEnd = 2010;//可选择的结束年份   
var tiannetDateNow = new Date();   
var tiannetYear = tiannetDateNow.getFullYear(); //定义年的变量的初始值   
var tiannetMonth = tiannetDateNow.getMonth()+1; //定义月的变量的初始值   
var tiannetDay = tiannetDateNow.getDate();   
var tiannetHour = tiannetDateNow.getHours();   
var tiannetMinute = tiannetDateNow.getMinutes();   
var tiannetArrDay=new Array(42);          //定义写日期的数组   
var tiannetDateSplit = "-";     //日期的分隔符号   
var tiannetDateTimeSplit = " ";    //日期与时间之间的分隔符   
var tiannetTimeSplit = ":";     //时间的分隔符号   
var tiannetOutObject;      //接收日期时间的对象   
var arrTiannetHide = new Array();//被强制隐藏的标签   
var m_bolShowHour = false;//是否显示小时   
var m_bolShowMinute = false;//是否显示分钟   
var m_aMonHead = new Array(12);         //定义阳历中每个月的最大天数   
    m_aMonHead[0] = 31; m_aMonHead[1] = 28; m_aMonHead[2] = 31; m_aMonHead[3] = 30; m_aMonHead[4] = 31; m_aMonHead[5] = 30;   
    m_aMonHead[6] = 31; m_aMonHead[7] = 31; m_aMonHead[8] = 30; m_aMonHead[9] = 31; m_aMonHead[10] = 30; m_aMonHead[11] = 31;   
// ---------------------- 用户可调用的函数 -----------------------------//   
//用户主调函数－只选择日期   
function setDay(obj){   
tiannetOutObject = obj;   
//如果标签中有值，则将日期初始化为当前值   
var strValue = tiannetTrim(tiannetOutObject.value);   
if( strValue != "" ){   
tiannetInitDate(strValue);   
}   
tiannetPopCalendar();   
}   
//用户主调函数－选择日期和小时   
function setDayH(obj){   
tiannetOutObject = obj;   
m_bolShowHour = true;   
//如果标签中有值，则将日期和小时初始化为当前值   
var strValue = tiannetTrim(tiannetOutObject.value);   
if( strValue != "" ){   
tiannetInitDate(strValue.substring(0,10));   
var hour = strValue.substring(11,13);   
if( hour < 10 ) tiannetHour = hour.substring(1,2);   
}   
tiannetPopCalendar();   
}   
//用户主调函数－选择日期和小时及分钟   
function setDayHM(obj){   
tiannetOutObject = obj;   
m_bolShowHour = true;   
m_bolShowMinute = true;   
//如果标签中有值，则将日期和小时及分钟初始化为当前值   
var strValue = tiannetTrim(tiannetOutObject.value);   
if( strValue != "" ){   
tiannetInitDate(strValue.substring(0,10));   
var time = strValue.substring(11,16);   
var arr = time.split(tiannetTimeSplit);   
tiannetHour = arr[0];   
tiannetMinute = arr[1];   
if( tiannetHour < 10 ) tiannetHour = tiannetHour.substring(1,2);   
if( tiannetMinute < 10 ) tiannetMinute = tiannetMinute.substring(1,2);   
}   
tiannetPopCalendar();   
}   
//设置开始日期和结束日期   
function setYearPeriod(intDateBeg,intDateEnd){   
tiannetYearSt = intDateBeg;   
tiannetYearEnd = intDateEnd;   
}   
//设置日期分隔符。默认为"-"   
function setDateSplit(strDateSplit){   
tiannetDateSplit = strDateSplit;   
}   
//设置日期与时间之间的分隔符。默认为" "   
function setDateTimeSplit(strDateTimeSplit){   
tiannetDateTimeSplit = strDateTimeSplit;   
}   
//设置时间分隔符。默认为":"   
function setTimeSplit(strTimeSplit){   
tiannetTimeSplit = strTimeSplit;   
}   
//设置分隔符   
function setSplit(strDateSplit,strDateTimeSplit,strTimeSplit){   
tiannetDateSplit(strDateSplit);   
tiannetDateTimeSplit(strDateTimeSplit);   
tiannetTimeSplit(strTimeSplit);   
}   
//设置默认的日期。格式为：YYYY-MM-DD   
function setDefaultDate(strDate){   
tiannetYear = strDate.substring(0,4);   
tiannetMonth = strDate.substring(5,7);   
tiannetDay = strDate.substring(8,10);   
}   
//设置默认的时间。格式为：HH24:MI   
function setDefaultTime(strTime){   
tiannetHour = strTime.substring(0,2);   
tiannetMinute = strTime.substring(3,5);   
}   
// ---------------------- end 用户可调用的函数 -----------------------------//   
//------------------ begin 页面显示部分 ---------------------------//   
var weekName = new Array("日","一","二","三","四","五","六");   
document.write('<div id="divTiannetDate" style="'+s_tiannet_body+'" style="本日历选择控件由tiannet根据前人经验完善而成！">');   
  
//输出一条横线   
document.write('<div style="'+s_tiannet_line+'"></div>');   
document.write('<table width="100%" border=0 cellspacing=0 cellpadding=0><tr>');   
document.write('<td align="left" height="20px">&nbsp;<input type="button" style="'+s_tiannet_turn+'" value="＜年" title="上一年" onClick="tiannetPrevYear();">');   
document.write('<input type="button" style="'+s_tiannet_turn+'" value="＜月" title="上一月" onClick="tiannetPrevMonth();"></td>');   
  
document.write('<td align="center" width="60%">');   
document.write('<span id="tiannetYearHead" Author="tiannet" style="'+s_tiannet_font2+'"年></span>');   
document.write('<span id="tiannetMonthHead" Author="tiannet" style="'+s_tiannet_font2+'"月></span>');   
document.write('</td>');   
  
document.write('<td align="right"><input type="button" style="'+s_tiannet_turn+'" value="月＞" title="下一月" onClick="tiannetNextMonth();">');   
document.write('<input type="button" style="'+s_tiannet_turn+'" value="年＞" title="下一年" onClick="tiannetNextYear();">&nbsp;');   
document.write('</tr></table>');   
//输出一条横线   
document.write('<div style="'+s_tiannet_line+'"></div>');   
document.write('<table width="100%" border=0 cellspacing=0 cellpadding=0 bgcolor=white onselectstart="return false">');   
document.write(' <tr style="font-size:10pt;color:white;height:22px;" Author="tiannet">');   
for(var i =0;i < weekName.length;i ++){   
//输出星期   
document.write('<td align="center" Author="tiannet" style="font-weight:bold;color:#000000">' + weekName[i] + '</td>');   
}   
document.write(' </tr>');   
document.write('</table>');   
//输出一条横线   
document.write('<div style="'+s_tiannet_line+'"></div>');   
//输出天的选择   
document.write('<table width="100%"  border=0 cellspacing=2 cellpadding=0 bgcolor=white onselectstart="return false">');   
var n = 0;   
for (var i=0;i<5;i++) {    
document.write (' <tr align=center id="trTiannetDay' + i + '" >');   
for (var j=0;j<7;j++){   
document.write('<td align="center" valign="middle" width=21 id="tdTiannetDay' + n + '" '+   
    'onClick="tiannetDay=this.innerText;tiannetSetValue(true);" '    
   +' style="' + s_tiannet_day + '"></td>');   
n ++;   
}   
document.write (' </tr>');   
}   
document.write (' <tr align=center id="trTiannetDay5" >');   
document.write('<td align="center" valign="middle" id="tdTiannetDay35" onClick="tiannetDay=this.innerText;tiannetSetValue(true);" '    
    +' style="' + s_tiannet_day + '">&nbsp;</td>');   
document.write('<td align="center" valign="middle" id="tdTiannetDay36" onClick="tiannetDay=this.innerText;tiannetSetValue(true);" '    
    +' style="' + s_tiannet_day + '">&nbsp;</td>');   
document.write('<td align="right" colspan="5"></td>');   
document.write (' </tr>');   
  
//输出一条横线   
document.write('<tr><td colspan=7 bgcolor=black height=1px></td></tr>');   
//---输出时间选择：   
document.write('<tr id="trTiannetDay5" align="center"><td colspan=6 align="center" valign="middle">');   
document.write('<input type="button" value="－" style="'+bt+'"　title="向前翻" onClick="getNum(tiannetHour,tiannetHourHead,tiannetHourHead.value,1,0)">');   
document.write('<input type="text" value='+tiannetHour+' onBlur="Chanagenum(tiannetHour,tiannetHourHead,tiannetHourHead.value,1)" id="tiannetHourHead" Author="tiannet" style="'+textbox+'">');   
document.write('<input type="button" value="＋" style="'+bt+'"　title="向后翻" onClick="getNum(tiannetHour,tiannetHourHead,tiannetHourHead.value,1,1)">&nbsp;');   
document.write('<input type="button" value="－" style="'+bt+'"　title="向前翻" onClick="getNum(tiannetMinute,tiannetMinuteHead,tiannetMinuteHead.value,0,0)">');   
document.write('<input type="text" value='+tiannetMinute+' onBlur="Chanagenum(tiannetMinute,tiannetMinuteHead,tiannetMinuteHead.value,0)" id="tiannetMinuteHead" Author="tiannet" style="'+textbox+'">');   
document.write('<input type="button" value="＋" style="'+bt+'" title="向后翻" onClick="getNum(tiannetMinute,tiannetMinuteHead,tiannetMinuteHead.value,0,1)"></td>');   
document.write('<td align="right" width="2%"><input type="button" style="'+bt2+'" value="Today" title="选择今天:'+tiannetYear+'-'+tiannetMonth+'-'+tiannetDay+'" onClick="tiannetToday()">');   
document.write('</td></tr>');   
//--结束时间选择   
  
document.write('</table>');   
document.write('</div>');   
  
//------------------ end 页面显示部分 ---------------------------//   
//------------------ 显示日期时间的span标签响应事件 ---------------------------//   
  
//加减法   
function getNum(publicobj,obj,num,itype,action)   
{   
    var iNum=0;   
    var str="分";   
       
    if(action==1)   
    {   
     iNum = parseInt(num)+1;   
    }   
    else  
    {   
     iNum = parseInt(num)-1;   
     }   
        
    if(itype==1)   
    {   
       if(iNum>24 || iNum<0){ iNum=0;}   
      str="时";   
      tiannetHour=iNum;   
    }   
    else  
    {   
        if(iNum>59 || iNum<0){ iNum=0;}   
        str="分";   
        tiannetMinute=iNum;   
    }   
       
    publicobj=iNum;   
    obj.value=iNum+str;   
    tiannetWriteHead();   
}   
  
function Chanagenum(publicobj,obj,num,itype)   
{   
    var str="分";   
    if(num!=null)   
    {   
    num=parseInt(num.replace('分','').replace('时'));   
       
    if(itype==1)   
    {   
       if(num>24 || num<0){ num=0;}   
      str="时";   
      tiannetHour=num;   
    }   
    else  
    {   
        if(num>59 || num<0){ num=0;}   
        str="分";   
        tiannetMinute=num;   
    }   
       
    publicobj=num;   
    obj.value=num+str;   
    tiannetWriteHead();   
    }   
}   
  
  
//单击年份span标签响应   
function spanYearCEvent(){   
hideElementsById(new Array("selTianYear","tiannetMonthHead"),false);   
if(m_bolShowHour) hideElementsById(new Array("tiannetHourHead"),false);   
if(m_bolShowMinute) hideElementsById(new Array("tiannetMinuteHead"),false);   
hideElementsById(new Array("tiannetYearHead","selTianMonth","selTianHour","selTianMinute"),true);   
}   
//单击月份span标签响应   
function spanMonthCEvent(){   
hideElementsById(new Array("selTianMonth","tiannetYearHead"),false);   
if(m_bolShowHour) hideElementsById(new Array("tiannetHourHead"),false);   
if(m_bolShowMinute) hideElementsById(new Array("tiannetMinuteHead"),false);   
hideElementsById(new Array("tiannetMonthHead","selTianYear","selTianHour","selTianMinute"),true);   
}   
//单击小时span标签响应   
function spanHourCEvent(){   
hideElementsById(new Array("tiannetYearHead","tiannetMonthHead"),false);   
if(m_bolShowHour) hideElementsById(new Array("selTianHour"),false);   
if(m_bolShowMinute) hideElementsById(new Array("tiannetMinuteHead"),false);   
hideElementsById(new Array("tiannetHourHead","selTianYear","selTianMonth","selTianMinute"),true);   
}   
//单击分钟span标签响应   
function spanMinuteCEvent(){   
hideElementsById(new Array("tiannetYearHead","tiannetMonthHead"),false);   
if(m_bolShowHour) hideElementsById(new Array("tiannetHourHead"),false);   
if(m_bolShowMinute) hideElementsById(new Array("selTianMinute"),false);   
hideElementsById(new Array("tiannetMinuteHead","selTianYear","selTianMonth","selTianHour"),true);   
}   
//根据标签id隐藏或显示标签   
function hideElementsById(arrId,bolHide){   
var strDisplay = "";   
if(bolHide) strDisplay = "none";   
for(var i = 0;i < arrId.length;i ++){   
var obj = document.getElementById(arrId[i]);   
if(obj!=null)   
 obj.style.display = strDisplay;   
}   
}   
//------------------ end 显示日期时间的span标签响应事件 ---------------------------//   
//判断某年是否为闰年   
function isPinYear(year){   
var bolRet = false;   
if (0==year%4&&((year%100!=0)||(year%400==0))) {   
bolRet = true;   
}   
return bolRet;   
}   
//得到一个月的天数，闰年为29天   
function getMonthCount(year,month){   
var c=m_aMonHead[month-1];   
if((month==2)&&isPinYear(year)) c++;   
return c;   
}   
//重新设置当前的日。主要是防止在翻年、翻月时，当前日大于当月的最大日   
function setRealDayCount() {   
if( tiannetDay > getMonthCount(tiannetYear,tiannetMonth) ) {   
//如果当前的日大于当月的最大日，则取当月最大日   
tiannetDay = getMonthCount(tiannetYear,tiannetMonth);   
}   
}   
//在个位数前加零   
function addZero(value){   
if(value < 10 ){   
value = "0" + value;   
}   
return value;   
}   
//取出空格   
function tiannetTrim(str) {   
return str.replace(/(^\s*)|(\s*$)/g,"");   
}   
//为select创建一个option   
function createOption(objSelect,value,text){   
var option = document.createElement("OPTION");   
option.value = value;   
option.text = text;   
if(objSelect!=null)   
  objSelect.options.add(option);   
}   
//往前翻 Year   
function tiannetPrevYear() {   
if(tiannetYear > 999 && tiannetYear <10000){tiannetYear--;}   
else{alert("年份超出范围（1000-9999）！");}   
tiannetSetDay(tiannetYear,tiannetMonth);   
//如果年份小于允许的最小年份，则创建对应的option   
if( tiannetYear < tiannetYearSt ) {   
tiannetYearSt = tiannetYear;   
createOption(document.all.selTianYear,tiannetYear,tiannetYear + "年");   
}   
checkSelect(document.all.selTianYear,tiannetYear);   
tiannetWriteHead();   
}   
//往后翻 Year   
function tiannetNextYear() {   
if(tiannetYear > 999 && tiannetYear <10000){tiannetYear++;}   
else{alert("年份超出范围（1000-9999）！");return;}   
tiannetSetDay(tiannetYear,tiannetMonth);   
//如果年份超过允许的最大年份，则创建对应的option   
if( tiannetYear > tiannetYearEnd ) {   
tiannetYearEnd = tiannetYear;   
createOption(document.all.selTianYear,tiannetYear,tiannetYear + "年");   
}   
checkSelect(document.all.selTianYear,tiannetYear);   
tiannetWriteHead();   
}   
//选择今天   
function tiannetToday() {   
tiannetYear = tiannetDateNow.getFullYear();   
tiannetMonth = tiannetDateNow.getMonth()+1;   
tiannetDay = tiannetDateNow.getDate();   
tiannerHour = tiannetDateNow.getHours();   
tiannerMinute = tiannetDateNow.getMinutes();   
tiannetSetValue(true);   
//tiannetSetDay(tiannetYear,tiannetMonth);   
}   
//往前翻月份   
function tiannetPrevMonth() {   
if(tiannetMonth>1){tiannetMonth--}else{tiannetYear--;tiannetMonth=12;}   
tiannetSetDay(tiannetYear,tiannetMonth);   
checkSelect(document.all.selTianMonth,tiannetMonth);   
tiannetWriteHead();   
}   
//往后翻月份   
function tiannetNextMonth() {   
if(tiannetMonth==12){tiannetYear++;tiannetMonth=1}else{tiannetMonth++}   
tiannetSetDay(tiannetYear,tiannetMonth);   
checkSelect(document.all.selTianMonth,tiannetMonth);   
tiannetWriteHead();   
}   
//向span标签中写入年、月、时、分等数据   
function tiannetWriteHead(){   
document.all.tiannetYearHead.innerText = tiannetYear + "年";   
document.all.tiannetMonthHead.innerText = tiannetMonth + "月";   
if( m_bolShowHour ) document.all.tiannetHourHead.innerText = " "+tiannetHour +"时";   
if( m_bolShowMinute ) document.all.tiannetMinuteHead.innerText = tiannetMinute +"分";   
tiannetSetValue(false);//给文本框赋值，但不隐藏本控件   
}   
//设置显示天   
function tiannetSetDay(yy,mm) {   
  
setRealDayCount();//设置当月真实的日   
tiannetWriteHead();   
var strDateFont1 = "", strDateFont2 = "" //处理日期显示的风格   
for (var i = 0; i < 37; i++){tiannetArrDay[i]=""}; //将显示框的内容全部清空   
var day1 = 1;   
var firstday = new Date(yy,mm-1,1).getDay(); //某月第一天的星期几   
for (var i = firstday; day1 < getMonthCount(yy,mm)+1; i++){   
tiannetArrDay[i]=day1;day1++;   
}   
//如果用于显示日的最后一行的第一个单元格的值为空，则隐藏整行。   
//if(tiannetArrDay[35] == ""){   
// document.all.trTiannetDay5.style.display = "none";   
//} else {   
// document.all.trTiannetDay5.style.display = "";   
//}   
for (var i = 0; i < 37; i++){    
var da = eval("document.all.tdTiannetDay"+i)     //书写新的一个月的日期星期排列   
if(da!=null)   
{   
if (tiannetArrDay[i]!="") {    
   //判断是否为周末，如果是周末，则改为深灰色字体   
   if(i % 7 == 0 || (i+1) % 7 == 0){   
   strDateFont1 = "<font color=#333333>"  
   strDateFont2 = "</font>"  
   } else {   
    strDateFont1 = "";   
    strDateFont2 = ""  
   }   
   da.innerHTML = strDateFont1 + tiannetArrDay[i] + strDateFont2;   
   //如果是当前选择的天，则改变颜色   
   if(tiannetArrDay[i] == tiannetDay ) {   
   da.style.backgroundColor = "#0FA8C7";   
   } else {   
    da.style.backgroundColor = "#ffffff";   
   }   
   da.style.cursor="hand"  
} else {    
   da.innerHTML="";da.style.backgroundColor="";da.style.cursor="default"  
}   
}   
}   
//end for   
tiannetSetValue(false);//给文本框赋值，但不隐藏本控件   
}//end function tiannetSetDay   
//根据option的值选中option   
function checkSelect(objSelect,selectValue) {   
if(objSelect!=null)   
{   
var count = parseInt(objSelect.length);   
if( selectValue < 10 && selectValue.toString().length == 2) {   
selectValue = selectValue.substring(1,2);   
}   
for(var i = 0;i < count;i ++){   
if(objSelect.options[i].value == selectValue){   
   objSelect.selectedIndex = i;   
   break;   
}   
}//for   
}   
}   
//选中年、月、时、分等下拉框   
function selectObject(){   
//如果年份小于允许的最小年份，则创建对应的option   
if( tiannetYear < tiannetYearSt ) {   
for( var i = tiannetYear;i < tiannetYearSt;i ++ ){   
   createOption(document.all.selTianYear,i,i + "年");   
}   
tiannetYearSt = tiannetYear;   
}   
//如果年份超过允许的最大年份，则创建对应的option   
if( tiannetYear > tiannetYearEnd ) {   
for( var i = tiannetYearEnd+1;i <= tiannetYear;i ++ ){   
   createOption(document.all.selTianYear,i,i + "年");   
}   
tiannetYearEnd = tiannetYear;   
}   
checkSelect(document.all.selTianYear,tiannetYear);   
checkSelect(document.all.selTianMonth,tiannetMonth);   
if( m_bolShowHour ) checkSelect(document.all.selTianHour,tiannetHour);   
if( m_bolShowMinute ) checkSelect(document.all.selTianMinute,tiannetMinute);   
}   
//给接受日期时间的控件赋值   
//参数bolHideControl - 是否隐藏控件   
function tiannetSetValue(bolHideControl){   
var value = "";   
if( !tiannetDay || tiannetDay == "" ){   
tiannetOutObject.value = value;   
return;   
}   
var mm = tiannetMonth;   
var day = tiannetDay;   
if( mm < 10 && mm.toString().length == 1) mm = "0" + mm;   
if( day < 10 && day.toString().length == 1) day = "0" + day;   
value = tiannetYear + tiannetDateSplit + mm + tiannetDateSplit + day;   
if( m_bolShowHour ){   
var hour = tiannetHour;   
if( hour < 10 && hour.toString().length == 1 ) hour = "0" + hour;   
value += tiannetDateTimeSplit + hour;   
}   
if( m_bolShowMinute ){   
var minute = tiannetMinute;   
if( minute < 10 && minute.toString().length == 1 ) minute = "0" + minute;   
value += tiannetTimeSplit + minute;   
}   
tiannetOutObject.value = value;   
//document.all.divTiannetDate.style.display = "none";   
if( bolHideControl ) {   
tiannetHideControl();   
}   
}   
//是否显示时间   
function showTime(){   
if( !m_bolShowHour && m_bolShowMinute){   
alert("如果要选择分钟，则必须可以选择小时！");   
return;   
}   
hideElementsById(new Array("tiannetHourHead","selTianHour","tiannetMinuteHead","selTianMinute"),true);   
if( m_bolShowHour ){   
//显示小时   
hideElementsById(new Array("tiannetHourHead"),false);   
}   
if( m_bolShowMinute ){   
//显示分钟   
hideElementsById(new Array("tiannetMinuteHead"),false);   
}   
}   
//弹出显示日历选择控件，以让用户选择   
function tiannetPopCalendar(){   
//隐藏下拉框，显示相对应的head   
hideElementsById(new Array("selTianYear","selTianMonth","selTianHour","selTianMinute"),true);   
hideElementsById(new Array("tiannetYearHead","tiannetMonthHead","tiannetHourHead","tiannetMinuteHead"),false);   
tiannetSetDay(tiannetYear,tiannetMonth);   
tiannetWriteHead();   
showTime();   
var dads = document.all.divTiannetDate.style;   
var iX, iY;   
  
var h = document.all.divTiannetDate.offsetHeight;   
var w = document.all.divTiannetDate.offsetWidth;   
//计算left   
if (window.event.x + h > document.body.offsetWidth - 10    )   
iX = window.event.x - h - 5 ;   
else  
iX = window.event.x + 5;    
if (iX <0)    
iX=0;   
//计算top   
iY = window.event.y;   
if (window.event.y + w > document.body.offsetHeight - 10   )   
iY = document.body.scrollTop + document.body.offsetHeight - w - 5 ;   
else  
iY = document.body.scrollTop +window.event.y + 5;    
if (iY <0)    
iY=0;   
dads.left = iX;   
dads.top = iY;   
tiannetShowControl();   
selectObject();   
}   
//隐藏日历控件(同时显示被强制隐藏的标签)   
function tiannetHideControl(){   
document.all.divTiannetDate.style.display = "none";   
tiannetShowObject();   
arrTiannetHide = new Array();//将被隐藏的标签对象清空   
}   
//显示日历控件(同时隐藏会遮挡的标签)   
function tiannetShowControl(){   
document.all.divTiannetDate.style.display = "";   
tiannetHideObject("SELECT");   
tiannetHideObject("OBJECT");   
}   
//根据标签名称隐藏标签。如会遮住控件的select，object   
function tiannetHideObject(strTagName) {   
  
x = document.all.divTiannetDate.offsetLeft;   
y = document.all.divTiannetDate.offsetTop;   
h = document.all.divTiannetDate.offsetHeight;   
w = document.all.divTiannetDate.offsetWidth;   
  
for (var i = 0; i < document.all.tags(strTagName).length; i++)   
{   
  
var obj = document.all.tags(strTagName)[i];   
if (! obj || ! obj.offsetParent)   
   continue;   
// 获取元素对于BODY标记的相对坐标   
var objLeft   = obj.offsetLeft;   
var objTop    = obj.offsetTop;   
var objHeight = obj.offsetHeight;   
var objWidth = obj.offsetWidth;   
var objParent = obj.offsetParent;   
  
while (objParent.tagName.toUpperCase() != "BODY"){   
   objLeft += objParent.offsetLeft;   
   objTop   += objParent.offsetTop;   
   objParent = objParent.offsetParent;   
}   
//alert("控件左端:" + x + "select左端" + (objLeft + objWidth) + "控件底部:" + (y+h) + "select高:" + objTop);   
  
var bolHide = true;   
if( obj.style.display == "none" || obj.style.visibility == "hidden" || obj.getAttribute("Author") == "tiannet" ){   
   //如果标签本身就是隐藏的，则不需要再隐藏。如果是控件中的下拉框，也不用隐藏。   
   bolHide = false;   
}   
if( ( (objLeft + objWidth) > x && (y + h + 20) > objTop && (objTop+objHeight) > y && objLeft < (x+w) ) && bolHide ){   
   //arrTiannetHide.push(obj);//记录被隐藏的标签对象   
   arrTiannetHide[arrTiannetHide.length] = obj;   
   obj.style.visibility = "hidden";   
}   
  
  
}   
}   
//显示被隐藏的标签   
function tiannetShowObject(){   
for(var i = 0;i < arrTiannetHide.length;i ++){   
//alert(arrTiannetHide[i]);   
arrTiannetHide[i].style.visibility = "";   
}   
}   
//初始化日期。   
function tiannetInitDate(strDate){   
var arr = strDate.split(tiannetDateSplit);   
tiannetYear = arr[0];   
tiannetMonth = arr[1];   
tiannetDay = arr[2];   
}   
//清空   
function tiannetClear(){   
tiannetOutObject.value = "";   
tiannetHideControl();   
}   
//任意点击时关闭该控件   
function document.onclick(){    
with(window.event.srcElement){    
if (tagName != "INPUT" && getAttribute("Author") != "tiannet")   
    tiannetHideControl();   
}   
}   
//按ESC键关闭该控件   
function document.onkeypress(){   
if( event.keyCode == 27 ){   
tiannetHideControl();   
}   
}

分享到：

Struts国际化 | JS日期控件

2009-09-11 15:03
浏览 1511
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JS日期控件二

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JS日期控件二

评论

发表评论

相关推荐

java.lang.NoSuchFieldError: deferredExpression

客户端下载文件出现异常

自定义EL表达式输出Clob内容

Apache升级到6的Bug

JSP分页标签

Jsp上传文件

JS日期控件

Java中文乱码

Session详解

最近访客更多访客>>