<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript">
var count=0;
function load(){
GetDate();
}
function prev(){
count--;
GetDate(count);
}
function next(){
count++;
GetDate(count);
}
function GetDate(val){
var date=new Date();
if(val!=undefined){
var currDate=date.getDate();
date=new Date(date.setDate(currDate+val));
}
document.getElementById("time").innerText=(date.getMonth()+1)+"-"+date.getDate()+"/"+GetCnWeek(date.getDay());
}
function GetCnWeek(number){
switch(number){
case0:
return"周日";
case1:
return"周一";
case2:
return"周二";
case3:
return"周三";
case4:
return"周四";
case5:
return"周五";
case6:
return"周六";
}
}
</script>
</head>
<body onload="load()">
<div id="time"></div>
<input type="button" onclick="prev()" value="<"/>
<input type="button" onclick="next()" value=">">
</body>
</html>
样式你自己调整下就OK了
在线演示:http://jscode.chinacxy.com/code/bdf7f4a30386ab58cb5b8a8ebe78fb24.aspx
在线演示用的这个网站挺不错的。
@LCM: 什么网站呢
@虎犊求知:
你要的是这个效果吗?
你好,怎么这代码没出效果来得,是怎么回事呢??
@虎犊求知:
你把我回复中的代码保存成一个html页面,打开后没效果???
或打开这个页面可以在线看:http://jscode.chinacxy.com/code/bdf7f4a30386ab58cb5b8a8ebe78fb24.aspx
@artwl: 大侠,请问有没学习js的入门书吗,求介绍????
@虎犊求知:
推荐《JavaScript高级程序设计》人民邮电出版社(曹力 张欣 等译)
你看下这样可以么
<script type="text/javascript">
var d = new Date();
function addDate(days){
d.setDate(d.getDate()+days);
var m=d.getMonth()+1;
document.getElementById("msg").value = d.getFullYear()+'-'+m+'-'+d.getDate();
}
</script>
<input type="text" id="msg"/>
<input type="button" value="<" onclick="addDate(-1)"/>
<input type="button" value=">" onclick="addDate(1)"/>
日期要显示的格式,你可以参考下这个