自己用的日曆控制項

2021-04-13 05:52:06 字數 3647 閱讀 7155

var striframe ="

";with(webcalendar.iframe)}}

function webcalendar() 

//初始化日曆的設定

var webcalendar 

=new

webcalendar();

function calendar() 

//主調函式

o.display =""

; webcalendar.iframe.document.body.focus();

var cw 

=webcalendar.calendar.clientwidth, ch 

=webcalendar.calendar.clientheight;

var dw 

=document.body.clientwidth, dl 

=document.body.scrollleft, dt 

=document.body.scrolltop;

if(document.body.clientheight 

+dt -t 

-h >=

ch) o.top =(p

=="image")

?t +h : t +h 

+6;else

o.top  

=(t 

-dt 

<

ch) 

?((p=="

image")

?t +h : t +h 

+6) : t 

-ch;

if(dw 

+dl -l 

>=

cw) o.left 

=l; 

else

o.left 

=(dw 

>=

cw) 

?dw 

-cw 

+dl : dl;if(

!webcalendar.timeshow) webcalendar.datereg =/^

(d)(-|/

)(d)

2(d)$/;

else

webcalendar.datereg =/^

(d)(-|/

)(d)

2(d) (d):(d):(d)$/;

tryelse

}  else

writecalendar();

}  catch

(e)}

function funmonthselect() 

//月份的下拉框

function funyearselect() 

//年份的下拉框

function prevm()  

//往前翻月份

webcalendar.thi**onth

--; writecalendar();

}function nextm()  

//往後翻月份

webcalendar.thi**onth

++; writecalendar();

}function prevy()

//往前翻 year

function nexty()

//往後翻 year

function hiddenselect(e)

function getobjectbyid(id)

function hiddencalendar()

//日期自動補零程式

function string.prototype.trim()

function daymouseover()

function daymouseout()

}function writecalendar() 

//對日曆顯示的資料的處理程式y =

webcalendar.thisyear;m =

webcalendar.thi**onth;d =

webcalendar.thisday;

webcalendar.iframe.meizzyearhead.innertext  =y 

+"年"

;webcalendar.iframe.meizzyearmonth.innertext 

=parseint(m, 

10) +"

月";webcalendar.day**onth[1] 

=(0==

y%4&&

(y%100!=0||

y%400==

0)) ?29

: 28

; //

閏年二月為29天

var w 

=new

date(y, m-1

, 1).getday();

var prevdays =m

==1?webcalendar.day**onth[

11] : webcalendar.day**onth[m-2

];for

(var i=(w

-1); i

>=

0; i

--) 

//這三個 for 迴圈為日曆賦資料來源(陣列 webcalendar.day)格式是 d/m/yyyy

for(var i=1

; i<=

webcalendar.day**onth[m-1

]; i

++) webcalendar.day[i+w

-1] =

i +"/

"+m +

"/"+

y;for

(var i=1

; i<39-

w-webcalendar.day**onth[m-1

]+1; i++)

for(var i=0

; i<

39; i

++)    

//這個迴圈是根據源陣列寫到日曆裡顯示

if(webcalendar.day[i] 

==webcalendar.today)      

//設定今天在日曆上反應出來的顏色}}

function returndate() 

//根據日期格式等返回使用者選定的日期

)(-|

/)(w)

2(w)$/);

if(d

==null

)var flag =d[

3].length==2

||d[

4].length==2

; //

判斷返回的日期格式是否要補零

returnvalue 

=flag ?a[

2] +d[

2]+1

]) +d[2

]+0]) : a[2] 

+d[2]

+a[1] 

+d[2]

+a[0];

if(webcalendar.timeshow)

webcalendar.objexport.value 

=returnvalue;

hiddencalendar();}}

function document.onclick()

//-->

使用方法:

自己用js寫的兩個日曆控制項

使用方法 呼叫initbartime id,evn 第乙個引數是要渲染div的id,第二個引數是點選日期發生的事件 html思路分析 首先我們看出來這個日曆分為兩個部分 第一部分是上面,整體的你去年月日日期的顯示。第二部分是下面,具體某一天以及星期的日期顯示。第三部分是下面兩段的左右箭頭,以及滾動功...

簡單的日曆控制項

author zheyiw date 23 7 2009 使用舉例 onclick showcalendar inputbox,outputbox inputbox是按鈕控制項 outputbox是日期輸出的文字框 學習用正好,要找完整的還是walkingpoison那個版本吧。定義一塊區域 doc...

日曆使用者控制項

namespace tempweb remove private static readonly string header new string private datetime startdate gets or sets the show date.the show date.descript...