當前位置:股票大全官網 - 財經新聞 - 求壹個用js做的時間日歷控件?

求壹個用js做的時間日歷控件?

這是我找到的用js做的日歷。我不知道這是不是妳想要的。它包含時間。事實上,在日歷中添加時間相對簡單。只需調用日期方法。希望對妳有用。以下是代碼片段,並附上效果圖。

& lthtml & gt

& lthead & gt

& lt劇本?LANGUAGE =“JavaScript“?TYPE =“text/JavaScript“& gt;

//定義月歷功能

功能?日歷()?{

var?今天嗎?=?新的?date();?//創建日期對象

年份?=?today . getyear();?//讀取年份

今天嗎?=?today . getdate();?//讀取當前日期

//創建每月天數的數組

var?每月幾日?=?新的?數組(31,?28,?31,?30,?31,?30,?31,?31,?30,?31,?30,?31);

//如果是閏年,二月的天數是29天。

如果?((年?%?4?==?0)?& amp& amp?(年份?%?100?!=?0))?||?(年份?%?400?==?0))?month days【1】?=?29;

daysOfCurrentMonth?=?month days【today . getmonth()】;?//從月份數組的日期中讀取當前月份的日期。

第壹天。=?今天;//復制日期對象

first day . setdate(1);?//將第壹天的日期設置為1。

startDay?=?first day . getday();?//確定壹個月的第壹天是星期幾。

//定義星期日和月份的中文名稱數組。

var?日名?=?新的?Array(“星期日”、“星期壹”、“星期二”、“星期三”、“星期四”、“星期五”、“星期六”);

var?蒙特納斯?=?新的?數組(“65438+10月“、“2月“、“3月“、“4月“、“5月“、“6月“、“7月“、“8月“、“9月“、“165438“。

//創建日期對象

var?新日期?=?新的?date();

//創建表格

document . write(“& lt;桌子?BORDER =‘0‘?單元格間距=“0”?cell padding =‘2‘?ALIGN =‘CENTER‘?BGCOLOR =‘# 0080 ff‘& gt;”)

document . write(“& lt;TR & gt& ltTD & gt& lt桌子?border =‘0‘?單元格間距=‘1‘?cell padding =‘2‘?bgcolor =‘# 88ff 99‘‘& gt;”);

document . write(“& lt;TR & gt& ltth?colspan =‘7‘?bgcolor =‘# c8e 3ff‘& gt;”);

//顯示當前日期和星期日。

document . writeln(“& lt;字體?STYLE =‘font-size:9pt。color:# ff 0000‘& gt;”?+?newDate.getYear()?+?“年”+?monthNames【new date . getmonth()】?+?"?"?+?newDate.getDate()?+?“天?”?+?day names【new date . getday()】?+?“& lt/FONT & gt;”);

//顯示月歷標題。

document . writeln(“& lt;/TH & gt;& lt/TR & gt;& ltTR & gt& ltTH?BGCOLOR =‘# 0080 ff‘& gt;& lt字體?STYLE =‘font-size:9pt。顏色:白色‘& gt;日《/FONT & gt;& lt/TH》);

document . writeln(“& lt;th?bgcolor =‘# 0080 ff‘& gt;& lt字體?STYLE =‘font-size:9pt。顏色:白色‘& gt;1《/FONT & gt;& lt/TH》);

document . writeln(“& lt;TH?BGCOLOR =‘# 0080 ff‘& gt;& lt字體?STYLE =‘font-size:9pt。顏色:白色‘& gt;第二個《/FONT & gt;& lt/TH》);

document . writeln(“& lt;TH?BGCOLOR =‘# 0080 ff‘& gt;& lt字體?STYLE =‘font-size:9pt。顏色:白色‘& gt;三

document . writeln(“& lt;TH?BGCOLOR =‘# 0080 ff‘& gt;& lt字體?STYLE =‘font-size:9pt。顏色:白色‘& gt;四

document . writeln(“& lt;TH?BGCOLOR =‘# 0080 ff‘& gt;& lt字體?STYLE =‘font-size:9pt。顏色:白色‘& gt;五

document . writeln(“& lt;TH?BGCOLOR =‘# 0080 ff‘& gt;& lt字體?STYLE =‘font-size:9pt。顏色:白色‘& gt;六

document . writeln(“& lt;/TR & gt;& ltTR & gt”);

//在每個月前顯示“空日”。

專欄?=?0;

為了什麽?(I = 0;?我& ltstartDay?i++)?{

document.writeln(“?& ltTD & gt& lt字體?STYLE =‘font-size:9pt‘& gt。?& lt/FONT & gt;& lt/TD>);

column++;

}

//如果是當天,則高亮顯示(紅色),否則正常顯示(黑色)。

為了什麽?(I = 1;?我& lt= daysOfCurrentMonth?i++)?{

如果?(我?==?今日)?{

document . writeln(“& lt;/TD & gt;& ltTD?ALIGN =‘CENTER‘& gt;& lt字體?STYLE =‘font-size:9pt。color:# ff 0000‘& gt;& ltB& gt;”)

}

不然呢?{

document . writeln(“& lt;/TD & gt;& ltTD?BGCOLOR =‘# 88ff 99‘?ALIGN =‘CENTER‘& gt;& lt字體?STYLE =‘font-size:9pt。字體系列:Arial字體粗細:粗體;color:# 000000‘& gt;”);

}

document . writeln(I);

如果?(我?==?今日)?document . writeln(“& lt;/FONT & gt;& lt/TD>)

column++;

如果?(專欄?==?7)?{

document . writeln(“& lt;TR & gt”);

專欄?=?0;

}

}

document . writeln(“& lt;TR & gt& ltTD?COLSPAN =‘7‘?ALIGN =‘CENTER‘?VALIGN =‘TOP‘?BGCOLOR =‘# 0080 ff‘& gt;”)

document . writeln(“& lt;形式?NAME =‘time‘?onSubmit =‘0‘& gt;& lt字體?STYLE =‘font-size:9pt。color:# ffffff‘& gt;”)

//顯示當前時間。

Document.writeln(“當前時間:

document . writeln(“& lt;/TD & gt;& lt/TR & gt;& lt/TABLE & gt;& lt/FORM>);

}

& lt/SCRIPT & gt;

& lt劇本?LANGUAGE =“JavaScript“& gt;

//初始化控制變量

var?timerID?=?null

var?計時運行?=?假的;

//定義時間顯示功能

功能?停止時間?(){

if(定時器運行)

clear time out(time rid);

計時運行?=?假的;}

//定義顯示時間函數

功能?表演時間?()?{

var?新日期?=?新的?date();

var?幾個小時?=?new date . get hours();

var?分鐘?=?new date . get minutes();

var?秒?=?newDate.getSeconds()

var?時間價值?=?"?"?+?((小時?& gt12)?幾個小時?-12?:小時)

時間價值?+=?((分鐘?& lt?10)?":0"?:?":")?+?分鐘

時間價值?+=?((秒?& lt?10)?":0"?:?":")?+?秒

時間價值?+=?(小時?& gt=?12)?"?下午好嗎?”?:?"?早上好?”

document.time.textbox.value?=?時間價值;

timerID?=?setTimeout(“show time()“,1000);//設置超時時間,以便動態顯示時間。

計時運行?=?真實;}

//顯示當前時間。

功能?開始時間?()?{

stop time();

show time();}

& lt/SCRIPT & gt;

& lt/head & gt;

& lt身體?onLoad =“start time()“?TEXT =“# 000000“?top margin =“0“& gt;

& lt劇本?language =“JavaScript“?type =“text/JavaScript“& gt;

日歷();?//顯示月歷

& lt/script & gt;

& lt/BODY & gt;

& lt/html & gt;