中英文版的時間日期

當(dāng)前位置：首頁 > 范文|應(yīng)用文 > IT技術(shù)專欄 > 網(wǎng)頁制作

中英文版的時間日期

來源：易賢網(wǎng) 閱讀：1651 次日期：2015-09-02 15:34:43

溫馨提示：易賢網(wǎng)小編為您整理了“中英文版的時間日期”,方便廣大網(wǎng)友查閱！

代碼如下:

<HTML>

<HEAD>

<TITLE>有用的中英文日歷網(wǎng)頁特效代碼</TITLE>

function PopupCalendar(InstanceName)

{

///Global Tag

this.instanceName=InstanceName;

///Properties

this.separator="-"

this.oBtnTodayTitle="Today"

this.oBtnCancelTitle="Cancel"

this.weekDaySting=new Array("S","M","T","W","T","F","S");

this.monthSting=new Array("January","February","March","April","May","June","July","August","September","October","November","December");

this.Width=200;

this.currDate=new Date();

this.today=new Date();

this.startYear=1970;

this.endYear=2010;

///Css

this.divBorderCss="1px solid #BCD0DE";

this.tableBorderColor="#CCCCCC"

///Method

this.Init=CalendarInit;

this.Fill=CalendarFill;

this.Refresh=CalendarRefresh;

this.Restore=CalendarRestore;

///HTMLObject

this.oTaget=null;

this.oPreviousCell=null;

this.sDIVID=InstanceName+"oDiv";

this.sTABLEID=InstanceName+"oTable";

this.sMONTHID=InstanceName+"oMonth";

this.sYEARID=InstanceName+"oYear";

}

function CalendarInit()///Create panel

{

var sMonth,sYear

sMonth=this.currDate.getMonth();

sYear=this.currDate.getYear();

htmlAll="<div id='"+this.sDIVID+"' style='display:none;position:absolute;width:"+this.Width+";border:"+this.divBorderCss+";padding:2px;background-color:#FFFFFF'>";

htmlAll+="<div align='center'>";

/// Month

htmloMonth="<select id='"+this.sMONTHID+"' onchange=CalendarMonthChange("+this.instanceName+") style='width:50%'>";

for(i=0;i<12;i++)

{

htmloMonth+="<option value='"+i+"'>"+this.monthSting[i]+"</option>";

}

htmloMonth+="</select>";

/// Year

htmloYear="<select id='"+this.sYEARID+"' onchange=CalendarYearChange("+this.instanceName+") style='width:50%'>";

for(i=this.startYear;i<=this.endYear;i++)

{

htmloYear+="<option value='"+i+"'>"+i+"</option>";

}

htmloYear+="</select></div>";

/// Day

htmloDayTable="<table id='"+this.sTABLEID+"' width='100%' border=0 cellpadding=0 cellspacing=1 bgcolor='"+this.tableBorderColor+"'>";

htmloDayTable+="<tbody bgcolor='#ffffff'style='font-size:13px'>";

for(i=0;i<=6;i++)

{

if(i==0)

htmloDayTable+="<tr bgcolor='#98B8CD'>";

else

htmloDayTable+="<tr>";

for(j=0;j<7;j++)

{

if(i==0)

{

htmloDayTable+="<td height='20' align='center' valign='middle' style='cursor:hand'>";

htmloDayTable+=this.weekDaySting[j]+"</td>"

}

else

{

htmloDayTable+="<td height='20' align='center' valign='middle' style='cursor:hand'";

htmloDayTable+=" onmouseover=CalendarCellsMsOver("+this.instanceName+")";

htmloDayTable+=" onmouseout=CalendarCellsMsOut("+this.instanceName+")";

htmloDayTable+=" onclick=CalendarCellsClick(this,"+this.instanceName+")>";

htmloDayTable+=" </td>"

}

htmloDayTable+="</tr>";

}

htmloDayTable+="</tbody></table>";

/// Today Button

htmloButton="<div align='center' style='padding:3px'>"

htmloButton+="<button style='width:40%;border:1px solid #BCD0DE;background-color:#eeeeee;cursor:hand'"

htmloButton+=" onclick=CalendarTodayClick("+this.instanceName+")>"+this.oBtnTodayTitle+"</button> "

htmloButton+="<button style='width:40%;border:1px solid #BCD0DE;background-color:#eeeeee;cursor:hand'"

htmloButton+=" onclick=CalendarCancel("+this.instanceName+")>"+this.oBtnCancelTitle+"</button> "

htmloButton+="</div>"

/// All

htmlAll=htmlAll+htmloMonth+htmloYear+htmloDayTable+htmloButton+"</div>";

document.write(htmlAll);

this.Fill();

}

function CalendarFill()///

{

var sMonth,sYear,sWeekDay,sToday,oTable,currRow,MaxDay,sDaySn,sIndex,rowIndex,cellIndex,oSelectMonth,oSelectYear

sMonth=this.currDate.getMonth();

sYear=this.currDate.getYear();

sWeekDay=(new Date(sYear,sMonth,1)).getDay();

sToday=this.currDate.getDate();

oTable=document.all[this.sTABLEID];

currRow=oTable.rows[1];

MaxDay=CalendarGetMaxDay(sYear,sMonth);

oSelectMonth=document.all[this.sMONTHID]

oSelectMonth.selectedIndex=sMonth;

oSelectYear=document.all[this.sYEARID]

for(i=0;i<oSelectYear.length;i++)

{

if(parseInt(oSelectYear.options[i].value)==sYear)oSelectYear.selectedIndex=i;

}

////

for(sDaySn=1,sIndex=sWeekDay;sIndex<=6;sDaySn++,sIndex++)

{

if(sDaySn==sToday)

{

currRow.cells[sIndex].innerHTML="<font color=red><i><b>"+sDaySn+"</b></i></font>";

this.oPreviousCell=currRow.cells[sIndex];

}

else

{

currRow.cells[sIndex].innerHTML=sDaySn;

currRow.cells[sIndex].style.color="#666666";

}

CalendarCellSetCss(0,currRow.cells[sIndex]);

}

for(rowIndex=2;rowIndex<=6;rowIndex++)

{

if(sDaySn>MaxDay)break;

currRow=oTable.rows[rowIndex];

for(cellIndex=0;cellIndex<currRow.cells.length;cellIndex++)

{

if(sDaySn==sToday)

{

currRow.cells[cellIndex].innerHTML="<font color=red><i><b>"+sDaySn+"</b></i></font>";

this.oPreviousCell=currRow.cells[cellIndex];

}

else

{

currRow.cells[cellIndex].innerHTML=sDaySn;

currRow.cells[cellIndex].style.color="#666666";

}

CalendarCellSetCss(0,currRow.cells[cellIndex]);

sDaySn++;

if(sDaySn>MaxDay)break;

}

function CalendarRestore()/// Clear Data

{

var oTable

oTable=document.all[this.sTABLEID]

for(i=1;i<oTable.rows.length;i++)

{

for(j=0;j<oTable.rows[i].cells.length;j++)

{

CalendarCellSetCss(0,oTable.rows[i].cells[j]);

oTable.rows[i].cells[j].innerHTML=" ";

}

function CalendarRefresh(newDate)///

{

this.currDate=newDate;

this.Restore();

this.Fill();

}

function CalendarCellsMsOver(oInstance)/// Cell MouseOver

{

var myCell

myCell=event.srcElement;

CalendarCellSetCss(0,oInstance.oPreviousCell);

if(myCell)

{

CalendarCellSetCss(1,myCell);

oInstance.oPreviousCell=myCell;

}

function CalendarCellsMsOut(oInstance)////// Cell MouseOut

{

var myCell

myCell=event.srcElement;

CalendarCellSetCss(0,myCell);

}

function CalendarCellsClick(oCell,oInstance)

{

var sDay,sMonth,sYear,newDate

sYear=oInstance.currDate.getFullYear();

sMonth=oInstance.currDate.getMonth();

sDay=oInstance.currDate.getDate();

if(oCell.innerText!=" ")

{

sDay=parseInt(oCell.innerText);

if(sDay!=oInstance.currDate.getDate())

{

newDate=new Date(sYear,sMonth,sDay);

oInstance.Refresh(newDate);

}

sDateString=sYear+oInstance.separator+CalendarDblNum(sMonth+1)+oInstance.separator+CalendarDblNum(sDay);///return sDateString

if(oInstance.oTaget.tagName=="INPUT")

{

oInstance.oTaget.value=sDateString;

}

document.all[oInstance.sDIVID].style.display="none";

}

function CalendarYearChange(oInstance)/// Year Change

{

var sDay,sMonth,sYear,newDate

sDay=oInstance.currDate.getDate();

sMonth=oInstance.currDate.getMonth();

sYear=document.all[oInstance.sYEARID].value

newDate=new Date(sYear,sMonth,sDay);

oInstance.Refresh(newDate);

}

function CalendarMonthChange(oInstance)/// Month Change

{

var sDay,sMonth,sYear,newDate

sDay=oInstance.currDate.getDate();

sMonth=document.all[oInstance.sMONTHID].value

sYear=oInstance.currDate.getYear();

newDate=new Date(sYear,sMonth,sDay);

oInstance.Refresh(newDate);

}

function CalendarTodayClick(oInstance)/// "Today" button Change

{

oInstance.Refresh(new Date());

}

function getDateString(oInputSrc,oInstance)

{

if(oInputSrc&&oInstance)

{

CalendarDiv=document.all[oInstance.sDIVID];

oInstance.oTaget=oInputSrc;

CalendarDiv.style.pixelLeft=CalendargetPos(oInputSrc,"Left");

CalendarDiv.style.pixelTop=CalendargetPos(oInputSrc,"Top")+oInputSrc.offsetHeight;

CalendarDiv.style.display=(CalendarDiv.style.display=="none")?"":"none";

}

function CalendarCellSetCss(sMode,oCell)/// Set Cell Css

{

// sMode

// 0: OnMouserOut 1: OnMouseOver

if(sMode)

{

oCell.style.border="1px solid #5589AA";

oCell.style.backgroundColor="#BCD0DE";

}

else

{

oCell.style.border="1px solid #FFFFFF";

oCell.style.backgroundColor="#FFFFFF";

}

function CalendarGetMaxDay(nowYear,nowMonth)/// Get MaxDay of current month

{

var nextMonth,nextYear,currDate,nextDate,theMaxDay

nextMonth=nowMonth+1;

if(nextMonth>11)

{

nextYear=nowYear+1;

nextMonth=0;

}

else

{

nextYear=nowYear;

}

currDate=new Date(nowYear,nowMonth,1);

nextDate=new Date(nextYear,nextMonth,1);

theMaxDay=(nextDate-currDate)/(24*60*60*1000);

return theMaxDay;

}

function CalendargetPos(el,ePro)/// Get Absolute Position

{

var ePos=0;

while(el!=null)

{

ePos+=el["offset"+ePro];

el=el.offsetParent;

}

return ePos;

}

function CalendarDblNum(num)

{

if(num<10)

return "0"+num;

else

return num;

}

function CalendarCancel(oInstance)///Cancel

{

CalendarDiv=document.all[oInstance.sDIVID];

CalendarDiv.style.display="none";

}

</script>

</head>

<BODY >

var oCalendarEn=new PopupCalendar("oCalendarEn");//初始化控件時,請給出實例名稱如:oCalendarEn

oCalendarEn.Init();

var oCalendarChs=new PopupCalendar("oCalendarChs");//初始化控件時,請給出實例名稱:oCalendarChs

oCalendarChs.weekDaySting=new Array("日","一","二","三","四","五","六");

oCalendarChs.monthSting=new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月");

oCalendarChs.oBtnTodayTitle="今天";

oCalendarChs.oBtnCancelTitle="取消";

oCalendarChs.Init();

</script>

</div>

</BODY>

</HTML>

更多信息請查看IT技術(shù)專欄

更多信息請查看網(wǎng)頁制作

上一篇：計算星期的JS特效

下一篇：制作的網(wǎng)頁在瀏覽時下方有多余空白如何消除

易賢網(wǎng)手機網(wǎng)站地址：中英文版的時間日期

由于各方面情況的不斷調(diào)整與變化，易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考，敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)！

相關(guān)閱讀網(wǎng)頁制作

使用CSS制作立體導(dǎo)航欄10月30日

用純CSS3實現(xiàn)網(wǎng)頁中常見的小箭頭10月30日

有關(guān)HTML5中背景音樂的自動播放功能10月30日

HTML5、Select下拉框右邊加圖標(biāo)的實現(xiàn)代碼(增進(jìn)用戶體驗)10月30日

html5實現(xiàn)圖片轉(zhuǎn)圈的動畫效果——讓頁面動起來10月30日

html5清空畫布方法(三種)10月30日

HTML實現(xiàn)移動端固定懸浮半透明搜索框10月30日

HTML5 文件域+FileReader 分段讀取文件并上傳到服務(wù)器10月30日

Dreamweaver怎么設(shè)計彩色邊框的表格?10月30日

Dreamweaver怎么給個人簡歷添加照片并排版?10月30日

基于HTML5的WebGL實現(xiàn)json和echarts圖表展現(xiàn)在同一個界面10月30日

解決HTML5手機端頁面縮放的問題10月30日

利用純CSS實現(xiàn)居中的七大方法示例09月29日

CSS3中偽元素::before和::after的用法示例09月29日

詳解使用 CSS 的 font-size-adjust 屬性改善網(wǎng)頁排版09月29日

HTML5+CSS3 實現(xiàn)靈動的動畫 TAB 切換效果(DEMO)09月29日

css3 pointer-events 介紹詳解09月29日

CSS :focus-within的具體使用09月29日

你所不知道的 CSS 動畫技巧與細(xì)節(jié)09月29日

詳解CSS3選擇器:nth-child和:nth-of-type之間的差異09月29日

易賢網(wǎng)移動網(wǎng)站

2026上岸·考公考編培訓(xùn)報班

報班類型
姓名
手機號
驗證碼

茄子在线看片免费人成视频,午夜福利精品a在线观看,国产高清自产拍在线观看,久久综合久久狠狠综合