天涯社区用到的日历函数

天涯社区用到的日历函数

天涯社区用到的日历函数 代码如下：

<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文件代码如下：

1

<!-- Hide

2

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

3

4

function getIEPosX(elt) { return getIEPos(elt,'Left'); }

5

function getIEPosY(elt) { return getIEPos(elt,'Top'); }

6

function getIEPos(elt,which) {

7

iPos = 0

8

while (elt!=null) {

9

iPos += elt['offset' + which]

10

elt = elt.offsetParent

11

}

12

return iPos

13

}

14

15

function getXBrowserRef(eltname) {

16

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

17

}

18

19

function hideElement(eltname) { getXBrowserRef(eltname).visibility = 'hidden'; }

20

21

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

22

function moveBy(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

32

function toggleVisible(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

42

function setPosition(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

56

57

58

//——————————————————————————————————————

59

60

// 判断浏览器

61

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

62

63

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

64

var months = new Array('一月', '二月', '三月', '四月', '五月', '六月', '七月',

65

'八月', '九月', '十月', '十一月', '十二月');

66

var daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31,

67

30, 31, 30, 31);

68

var displayMonth = new Date().getMonth();

69

var displayYear = new Date().getFullYear();

70

var displayDay = 0;

71

72

var displayDivName;

73

var displayElement;

74

75

function getDays(month, year) {

76

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

77

if (1 == month)

78

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

79

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

80

else

81

return daysInMonth[month];

82

}

83

84

function getToday() {

85

// 得到今天的日期

86

this.now = new Date();

87

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

88

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

89

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

90

}

91

92

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

93

today = new getToday();

94

95

function newCalendar(eltName,attachedElement) {

96

if (attachedElement) {

97

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

98

displayElement = attachedElement;

99

}

100

displayDivName = eltName;

101

102

today = new getToday();

103

var parseYear = parseInt(displayYear + '');

104

var newCal = new Date(parseYear,displayMonth,1);

105

var day = -1;

106

var startDayOfWeek = newCal.getDay();

107

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

108

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

109

{

110

day = today.day;

111

}

112

var intDaysInMonth =

113

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

114

var daysGrid = makeDaysGrid(startDayOfWeek,day,intDaysInMonth,newCal,eltName)

115

if (isIE) {

116

var elt = document.all[eltName];

117

elt.innerHTML = daysGrid;

118

} else {

119

var elt = document.layers[eltName].document;

120

elt.open();

121

elt.write(daysGrid);

122

elt.close();

123

}

124

}

125

126

function incMonth(delta,eltName) {

127

displayMonth += delta;

128

if (displayMonth >= 12) {

129

displayMonth = 0;

130

incYear(1,eltName);

131

} else if (displayMonth <= -1) {

132

displayMonth = 11;

133

incYear(-1,eltName);

134

} else {

135

newCalendar(eltName);

136

}

137

}

138

139

function incYear(delta,eltName) {

140

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

141

newCalendar(eltName);

142

}

143

144

function makeDaysGrid(startDay,day,intDaysInMonth,newCal,eltName) {

145

var daysGrid;

146

var month = newCal.getMonth();

147

var year = newCal.getFullYear();

148

var isThisYear = (year == new Date().getFullYear());

149

var isThisMonth = (day > -1)

150

daysGrid = '<table border=1 cellspacing=0 cellpadding=0><tr><td><table border=0 cellspacing=0 cellpadding=2 bgcolor=#ffffff><tr><td colspan=7 bgcolor=#ffffff nowrap>';

151

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

152

daysGrid += '&nbsp;&nbsp;';

153

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

154

155

daysGrid += '<b>';

156

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

157

else { daysGrid += months[month]; }

158

daysGrid += '</b>';

159

160

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

161

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

162

daysGrid += '&nbsp;&nbsp;';

163

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

164

165

daysGrid += '<b>';

166

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

167

else { daysGrid += ''+year; }

168

daysGrid += '</b>';

169

170

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

171

daysGrid += '<tr><td bgcolor=gray colspan=7 ></td></tr>';

172

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

173

daysGrid += '<tr><td bgcolor=gray colspan=7 ></td></tr>';

174

175

var dayOfMonthOfFirstSunday = (7 - startDay + 1);

176

for (var intWeek = 0; intWeek < 6; intWeek++) {

177

var dayOfMonth;

178

for (var intDay = 0; intDay < 7; intDay++) {

179

dayOfMonth = (intWeek * 7) + intDay + dayOfMonthOfFirstSunday - 7;

180

if (dayOfMonth <= 0) {

181

daysGrid += '</td><td>';

182

} else if (dayOfMonth <= intDaysInMonth) {

183

var color = 'blue';

184

if (day > 0 && day == dayOfMonth) color='red';

185

if (dayOfMonth == displayDay) color='green';

186

daysGrid += '<td align=right><a href='javascript:setDay(';

187

daysGrid += dayOfMonth + ',\'' + eltName + '\')' ';

188

daysGrid += 'style='color:' + color + ''>';

189

var dayString = dayOfMonth + '</a></td>';

190

if (dayString.length == 6) dayString = '0' + dayString;

191

daysGrid += dayString;

192

}

193

}

194

if (dayOfMonth < intDaysInMonth) daysGrid += '</tr>';

195

}

196

return daysGrid + '</table></td></tr></table>';

197

}

198

199

//月份从0开始记数

200

function setDay(day,eltName) {

201

if (displayMonth < 9)

202

{

203

strDisplayMonth = '0' + (displayMonth+1);

204

}

205

else

206

{

207

strDisplayMonth = (displayMonth+1);

208

}

209

if (day < 10)

210

{

211

day = '0' + day;

212

}

213

displayElement.value = displayYear + '-' + strDisplayMonth + '-' + day;

214

hideElement(eltName);

215

}

216

217

218

//——————————————————————————————————————

219

220

// fixPosition() 这个函数和前面所讲的那个函数一样

221

//

222

function fixPosition(eltname) {

223

elt = getXBrowserRef(eltname);

224

positionerImgName = eltname + 'Pos';

225

// hint: try setting isPlacedUnder to false

226

isPlacedUnder = false;

227

if (isPlacedUnder) {

228

setPosition(elt,positionerImgName,true);

229

} else {

230

setPosition(elt,positionerImgName)

231

}

232

}

233

234

235

236

function toggleDatePicker(eltName,formElt) {

237

var x = formElt.indexOf('.');

238

var formName = formElt.substring(0,x);

239

var formEltName = formElt.substring(x+1);

240

241

//Added by Wangjianke(jianke@itechs.iscas.ac.cn)

242

var attachedElement = document.forms[formName].elements[formEltName]

243

244

if (attachedElement) {

245

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

246

displayElement = attachedElement;

247

}

248

displayDivName = eltName;

249

250

var defaultDate = displayElement.value;

251

if ((defaultDate != '') && (defaultDate != '0000-00-00'))

252

{

253

x = defaultDate.indexOf('-');

254

var defaultYear = defaultDate.substring(0,x);

255

var y = defaultDate.indexOf('-',x+1);

256

var defaultMonth = defaultDate.substring(x+1,y)-1;

257

var defaultDay = defaultDate.substring(y+1);

258

259

displayYear = defaultYear;

260

displayMonth = defaultMonth;

261

displayDay = defaultDay;

262

}

263

//End Added

264

265

newCalendar(eltName,document.forms[formName].elements[formEltName]);

266

toggleVisible(eltName);

267

}

268

269

// -->

 

 

 

免责声明：本文为网络用户发布，其观点仅代表作者个人观点，与本站无关，本站仅提供信息存储服务。文中陈述内容未经本站证实，其真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。