javascript 操作日期测试(注意浏览器兼容问题）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2

<html xmlns="http://www.w3.org/1999/xhtml" >
3

<head>
4

<title>javascript 操作日期测试</title>
5

<META HTTP-EQUIV="REFRESH" CONTENT="11; URL=http://www.dusystem.com/index.htm"> 2006-03-12 designer Geovin Du-->
7

　　<script language="JavaScript">
15

//此代碼，在IE6上不兼容，FireFox可以。
16

　　function DateAdd(strInterval, NumDay, dtDate) {
17

　　var dtTmp = new Date(dtDate);
19

　　if (isNaN(dtTmp)) dtTmp = new Date();
21

　　switch (strInterval) {
23

　　case "s":
25

　　dtTmp = new Date(Date.parse(dtTmp) + (1000 * parseInt(NumDay)));
27

　　break;
29

　　case "n":
31

　　dtTmp = new Date(Date.parse(dtTmp) + (60000 * parseInt(NumDay)));
33

　　break;
35

　　case "h":
37

　　dtTmp = new Date(Date.parse(dtTmp) + (3600000 * parseInt(NumDay)));
39

　　break;
41

　　case "d":
43

　　dtTmp = new Date(Date.parse(dtTmp) + (86400000 * parseInt(NumDay)));
45

　　break;
47

　　case "w":
49

　　dtTmp = new Date(Date.parse(dtTmp) + ((86400000 * 7) * parseInt(NumDay)));
51

　　break;
53

　　case "m":
55

　　dtTmp = new Date(dtTmp.getFullYear(), (dtTmp.getMonth())+parseInt(NumDay), dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());
57

　　break;
59

　　case "y":
61

　　//alert(dtTmp.getFullYear());
63

　　dtTmp = new Date(dtTmp.getFullYear()+parseInt(NumDay), dtTmp.getMonth(), dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());
65

　　//alert(dtTmp);
67

　　break;
69

　　}
71

　　var mStr=new String(dtTmp.getMonth()+1);
73

　　var dStr=new String(dtTmp.getDate());
75

　　if (mStr.length==1){
77

　　mStr="0"+mStr;
79

　　}
81

　　if (dStr.length==1){
83

　　dStr="0"+dStr;
85

　　}
87

//這個日期年份，一定要用getFullYear()，這樣兼容所有瀏覽器。寫軟件的人員，一定要自己測試一下。否則，日期顯示無效塗聚文注
88

　　return dtTmp.getFullYear()+"-"+mStr+"-"+dStr;
89

　　}
91

　　</script>
93

　　<script language="JavaScript">
95

　　function calculate(type)
97

　　{
99

100

　　var entry = document.getElementById(type).value;//自己判断是否合法
101

102

　　var uValue=document.form.u.value;
103

104

　　uValue=uValue.replace("-","/").replace("-","/");
105

106

　　//alert(uValue);
107

108

109

//document.form.age1.value=age;
110

111

　　document.form.twice.value = DateAdd(type,entry,uValue);
112

113

　　}
114

function strToDate(str)
115

{
116

var val=Date.parse(str);
117

var newDate=new Date(val);
118

return newDate;
119

}
120

function strToDate1(str)
121

{
122

var arys= new Array();
123

arys=str.split('-');
124

var newDate=new Date(arys[0],arys[1],arys[2]);
125

return newDate;
126

}
127

function agedem()
128

{
129

130

var age,d,f,g,s,k,t,h;
131

d=new Date();
132

age=d.getFullYear();
133

s=new Date();
134

s=s.getUTCDay();
135

document.form.age3.value=s;
136

k=new Date();
137

k=k.getDay();
138

document.form.age4.value=k;
139

g=new Date();
140

f=g.getUTCFullYear();
141

document.form.age2.value=f;
142

t=document.form.u.value;
143

//用以替换FireFox浏览器不兼容的日期格式否則，日期顯示無效涂聚文
144

t=t.replace("-","/").replace("-","/");
145

//t=str.split('-');
146

// t=Date.parse(t);
147

h=new Date(t)
148

// h=new Date(t[0],t[1],t[2]);
149

150

h=h.getFullYear();
151

document.form.age5.value=h;
152

//计算年份差
153

document.form.age6.value=f-h
154

//alert(f);
155

}　　
156

157

var nextYear = new Date(); // 初始化日期对象
158

　　
159

nextyear.setYear(nextYear.getYear() + 1); // 增加1年
160

</script>
161

163

<!--
164

165

var m_names = new Array("January", "February", "March",
166

"April", "May", "June", "July", "August", "September",
167

"October", "November", "December");
168

169

var d = new Date();
170

var curr_date = d.getDate();
171

var curr_month = d.getMonth();
172

var curr_year = d.getFullYear();
173

document.write(curr_date + "-" + m_names[curr_month]
174

+ "-" + curr_year);
175

176

/* The last two lines above have
177

to placed on a single line */
178

179

//-->
180

</script>
181

<html>
182

<head>
183

<title>Javascript Convert String to Date</title>
184

</head>
185

<body>
186

187

189

var dateString = "03-20-2008"; //因为不作条件考虑，不可以兼容
190

// var dateString = "03/20/2008"; mm/dd/yyyy [IE, FF]
191

// You can also try the following Date string formats
192

// var dateString = "2008/03/20"; // yyyy/mm/dd [IE, FF]
193

// var dateString = "03-20-2008"; // mm-dd-yyyy [IE only]
194

// var dateString = "March 20, 2008"; // mmmm dd, yyyy [IE, FF]
195

// var dateString = "Mar 20, 2008"; // mmm dd, yyyy [IE, FF]
196

197

// Initalize the Date object by passing the date string variable
198

var myDate = new Date(dateString);
199

200

// get Date part from the date string
201

document.write("Date : " + myDate.getDate());
202

document.write("<br>");
203

204

// get Month part from the date string
205

document.write("Month : " + myDate.getMonth());
206

document.write("<br>");
207

208

// get Full Year from the date string
209

document.write("Year : " + myDate.getFullYear());
210

</script>
211

212

</body>
213

</html>
214

</head>
215

216

<body bgcolor="#FFFFFF">
217

<form name="form" action="" method="post"><TR>
218

219

　　<TD>要加的日期2：</TD>
220

221

　　<TD><input type="text" name="u" value="2005-03-20" onblur="agedem()" onclick="agedem()"></TD>
222

223

　　</TR>
224

225

　　<TR>
226

227

　　<TD>结果2：</TD>
228

229

　　<TD><input name="twice"><br><input name="age1"><input name="age2"/><input name="age3"/><input name="age4"/><input name="age5"/>日期差(年龄)<input name="age6"/></TD>
230

231

　　</TR>--> 　　</TABLE>
232

233

　　</form>
234

</body>
235

</html>

posted @ 2009-11-02 18:29 ®Geovin Du Dream Park™ 阅读(1191) 评论(0) 编辑收藏举报

®Geovin Du Dream Park™

why we only heard about haves and have-nots, but we did'nt heard about doers and doer-nots. 人生是一种心境,生活是一种艺术,成功是一种心态,幸福是一种感觉,竞争是一种建构,情感是一种容合.学习是一种成长.

javascript 操作日期测试(注意浏览器兼容问题）

公告

搜索

常用链接

我的标签

积分与排名

随笔分类

随笔档案

文章分类

相册

捷为工作室

阅读排行榜

评论排行榜

推荐排行榜

最新评论