天涯社区用到的日历函数

happmaoo

浏览: 4351350 次
性别:
来自: 杭州

最近访客更多访客>>

flyjava

icesort

adamkisy

wangyy

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2013-06 ( 10)
2012-01 ( 29)
2011-12 ( 23)
更多存档...

JavaScript 浏览器

代码如下：
<Script language="javascript" src="http://www.tianyablog.com/includes/date.js"></Script> <form method="post" id=form1 name=form1> <input type="text" name="NextArticle" size=10 onmouseup=toggleDatePicker('daysOfMonth','form1.NextArticle') ID="NextArticle" style="cursor:pointer" readonly="true" title="单击选择日期"><IMG align=absMiddle alt='单击选择日期' style="cursor:pointer" border=0 height=19 id=daysOfMonthPos name=daysOfMonthPos onmouseup=toggleDatePicker('daysOfMonth','form1.NextArticle') src='http://www.tianyablog.com/images/calendar.gif' width=19><DIV id=daysOfMonth style='POSITION: absolute'></DIV> </form>
[Ctrl+A 全选提示:你可先修改部分代码,再点运行代码]

其中用到一个Date.js文件代码如下：

<!--Hide
2

isIE=(document.all?true:false);
3

functiongetIEPosX(elt){returngetIEPos(elt,"Left");}
5

functiongetIEPosY(elt){returngetIEPos(elt,"Top");}
6

functiongetIEPos(elt,which){
7

iPos=0
8

while(elt!=null){
9

iPos+=elt["offset"+which]
10

elt=elt.offsetParent
11

}
12

returniPos
13

}
14

functiongetXBrowserRef(eltname){
16

return(isIE?document.all[eltname].style:document.layers[eltname]);
17

}
18

functionhideElement(eltname){getXBrowserRef(eltname).visibility='hidden';}
20

//按不同的浏览器进行处理元件的位置
22

functionmoveBy(elt,deltaX,deltaY){
23

if(isIE){
24

elt.left=elt.pixelLeft+deltaX;
25

elt.top=elt.pixelTop+deltaY;
26

}else{
27

elt.left+=deltaX;
28

elt.top+=deltaY;
29

}
30

}
31

functiontoggleVisible(eltname){
33

elt=getXBrowserRef(eltname);
34

if(elt.visibility=='visible'||elt.visibility=='show'){
35

elt.visibility='hidden';
36

}else{
37

fixPosition(eltname);
38

elt.visibility='visible';
39

}
40

}
41

functionsetPosition(elt,positionername,isPlacedUnder){
43

positioner=null;
44

if(isIE){
45

positioner=document.all[positionername];
46

elt.left=getIEPosX(positioner);
47

elt.top=getIEPosY(positioner);
48

}else{
49

positioner=document.images[positionername];
50

elt.left=positioner.x;
51

elt.top=positioner.y;
52

}
53

if(isPlacedUnder){moveBy(elt,0,positioner.height);}
54

}
55

//——————————————————————————————————————
59

//判断浏览器
61

isIE=(document.all?true:false);
62

//初始月份及各月份天数数组
64

varmonths=newArray("一月","二月","三月","四月","五月","六月","七月",
65

"八月","九月","十月","十一月","十二月");
66

vardaysInMonth=newArray(31,28,31,30,31,30,31,31,
67

30,31,30,31);
68

vardisplayMonth=newDate().getMonth();
69

vardisplayYear=newDate().getFullYear();
70

vardisplayDay=0;
71

vardisplayDivName;
73

vardisplayElement;
74

functiongetDays(month,year){
76

//测试选择的年份是否是润年？
77

if(1==month)
78

return((0==year%4)&&(0!=(year%100)))||
79

(0==year%400)?29:28;
80

else
81

returndaysInMonth[month];
82

}
83

functiongetToday(){
85

//得到今天的日期
86

this.now=newDate();
87

this.year=this.now.getFullYear();
88

this.month=this.now.getMonth();
89

this.day=this.now.getDate();
90

}
91

//并显示今天这个月份的日历
93

today=newgetToday();
94

functionnewCalendar(eltName,attachedElement){
96

if(attachedElement){
97

if(displayDivName&&displayDivName!=eltName)hideElement(displayDivName);
98

displayElement=attachedElement;
99

}
100

displayDivName=eltName;
101

102

today=newgetToday();
103

varparseYear=parseInt(displayYear+'');
104

varnewCal=newDate(parseYear,displayMonth,1);
105

varday=-1;
106

varstartDayOfWeek=newCal.getDay();
107

if((today.year==newCal.getFullYear())&&
108

(today.month==newCal.getMonth()))
109

{
110

day=today.day;
111

}
112

varintDaysInMonth=
113

getDays(newCal.getMonth(),newCal.getFullYear());
114

vardaysGrid=makeDaysGrid(startDayOfWeek,day,intDaysInMonth,newCal,eltName)
115

if(isIE){
116

varelt=document.all[eltName];
117

elt.innerHTML=daysGrid;
118

}else{
119

varelt=document.layers[eltName].document;
120

elt.open();
121

elt.write(daysGrid);
122

elt.close();
123

}
124

}
125

126

functionincMonth(delta,eltName){
127

displayMonth+=delta;
128

if(displayMonth>=12){
129

displayMonth=0;
130

incYear(1,eltName);
131

}elseif(displayMonth<=-1){
132

displayMonth=11;
133

incYear(-1,eltName);
134

}else{
135

newCalendar(eltName);
136

}
137

}
138

139

functionincYear(delta,eltName){
140

displayYear=parseInt(displayYear+'')+delta;
141

newCalendar(eltName);
142

}
143

144

functionmakeDaysGrid(startDay,day,intDaysInMonth,newCal,eltName){
145

vardaysGrid;
146

varmonth=newCal.getMonth();
147

varyear=newCal.getFullYear();
148

varisThisYear=(year==newDate().getFullYear());
149

varisThisMonth=(day>-1)
150

daysGrid='<tableborder=1cellspacing=0cellpadding=0><tr><td><tableborder=0cellspacing=0cellpadding=2bgcolor=#ffffff><tr><tdcolspan=7bgcolor=#ffffffnowrap>';
151

daysGrid+='<atitle="关闭日历"href="javascript:hideElement(\''+eltName+'\')"><Bstyle="color:black;background-color:blue"><fontcolor=white>╳</font></B></a>';
152

daysGrid+='  ';
153

daysGrid+='<ahref="javascript:incMonth(-1,\''+eltName+'\')">《</a>';
154

155

daysGrid+='<b>';
156

if(isThisMonth){daysGrid+='<fontcolor=red>'+months[month]+'</font>';}
157

else{daysGrid+=months[month];}
158

daysGrid+='</b>';
159

160

daysGrid+='<ahref="javascript:incMonth(1,\''+eltName+'\')">》</a>';
161

if(month<10){daysGrid+='    ';}
162

daysGrid+='  ';
163

daysGrid+='<ahref="javascript:incYear(-1,\''+eltName+'\')">《</a>';
164

165

daysGrid+='<b>';
166

if(isThisYear){daysGrid+='<fontcolor=red>'+year+'</font>';}
167

else{daysGrid+=''+year;}
168

daysGrid+='</b>';
169

170

daysGrid+='<ahref="javascript:incYear(1,\''+eltName+'\')">》</a></td></tr>';
171

daysGrid+='<tr><tdbgcolor=graycolspan=7></td></tr>';
172

daysGrid+='<tr><tdalign=right><fontcolor=red>日</font></td><tdalign=right>一</td><tdalign=right>二</td><tdalign=right>三</td><tdalign=right>四</td><tdalign=right>五</td><tdalign=right><fontcolor=red>六</font></td></tr>';
173

daysGrid+='<tr><tdbgcolorcolor: #0

分享到：