JS获取日期的方法实例【昨天,今天,明天,前n天,后n天的日期】
本文实例讲述了JS获取日期的方法。分享给大家供大家参考，具体如下：
原理很简单，一天的时间的毫秒数是1000*60*60*24，
前n天的日期就是现在日期换成毫秒-n*1000*60*60*24。
再把这个值换成日期即可（通过setTime方法）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>www.jb51.net 日期计算</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<select id="num" name="num" style="width:150px" onchange="ff()">
<option value="-1">昨天</option>
<option value="0">今天</option>
<option value="1">明天</option>
</select><br>
<textarea id="ar" rows="3" cols="20">
haha
</textarea>
<br/>
<input type="text" value="" name="bday" id="bday"/>天之前
<input type="button" onclick="bday()" value="计算"><br/>
<input type="text" value="" name="aday" id="aday"/>天之后
<input type="button" onclick="aday()" value="计算"><br/>
</body>
<script>
ff();
function ff(){
var obj=document.getElementById("num");
var v1=obj.options[obj.selectedIndex].text;
var v2=obj.options[obj.selectedIndex].value;
var tvv=giveDateStr(getTargetday(v2));
document.getElementById('ar').innerText=tvv;
}
function isInteger(obj) {
var r = /^\+?[1-9][0-9]*$/; //正整数
return r.test(obj);
}
function bday(){
var bef=document.getElementById("bday").value;
if(isInteger(bef)){
var bvv=giveDateStr(getTargetday(-bef));
document.getElementById('ar').innerText=bvv;
}else{
alert("请输入正整数！");
document.getElementById("bday").value='';
document.getElementById("bday").focus();
}
}
function aday(){
var atf=document.getElementById("aday").value;
if(isInteger(atf)){
var avv=giveDateStr(getTargetday(atf));
document.getElementById('ar').innerText=avv;
}else{
alert("请输入正整数！");
document.getElementById("aday").value='';
document.getElementById("aday").focus();
}
}
function getTargetday(num){
var number=null;
if(num==null||num==0){
number=0;
}else{
number=num;
}
var today=new Date();
var targetday_milliseconds=today.getTime()+1000*60*60*24*number;
var targetday=new Date();
targetday.setTime(targetday_milliseconds); //注意，这行是关键代码
return targetday;
}
function giveDateStr(dd){
var riqiyue=dd.getMonth()+1;
var riqihao=dd.getDate();
var riqixingqi=null;
if(dd.getDay()=='0'){
xingqi="星期日";
}else if(dd.getDay()=='1'){
xingqi='星期一';
}else if(dd.getDay()=='2'){
xingqi='星期二';
}else if(dd.getDay()=='3'){
xingqi='星期三';
}else if(dd.getDay()=='4'){
xingqi='星期四';
}else if(dd.getDay()=='5'){
xingqi='星期五';
}else if(dd.getDay()=='6'){
xingqi='星期六';
}
var riqi=riqiyue+"月"+riqihao+"日"+"("+xingqi+")";
return riqi;
}
</script>
</html>
运行效果如下：
PS：这里再为大家推荐几款比较实用的天数计算在线工具供大家使用：
在线日期/天数计算器：
http://tools.jb51.net/jisuanqi/date_jisuanqi
在线日期计算器/相差天数计算器：
http://tools.jb51.net/jisuanqi/datecalc
在线日期天数差计算器：
http://tools.jb51.net/jisuanqi/onlinedatejsq
在线天数计算器：
http://tools.jb51.net/jisuanqi/datejsq
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript时间与日期操作技巧总结》、《JavaScript+HTML5特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关推荐
-
js获取日期：昨天今天和明天、后天
复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="textml; charset=utf-8"> <title>js获取日期:前天.昨天.今天.明天.后天 - Liehuo.Net</title> </head> <body> <script language="JavaScript&q
-
日期 时间js控件
复制代码 代码如下: <script language="JavaScript"> /**//** *本日历选择控件由tiannet根据前人经验完善而得.大部分代码来自meizz的日历控件. *tiannet添加了时间选择功能.select,object标签隐藏功能,还有其它小功能. *使用方法: * (1)只选择日期 <input type="text" name="date" readOnly onClick="s
-
JS 日期操作代码，获取当前日期，加一天，减一天
title $ = function(o) { return typeof o === 'string' ? document.getElementById(o) : o }; //设置当前日期 var ma = [['1','3','5','7','8','10'],['4','6','9','11']]; var dd = new Date(); var x = dd.toLocaleString(); var o = pasDate(x); $('date').value = o.join
-
js字符串日期yyyy-MM-dd转化为date示例代码
最近遇到一个问题,就是获取表单中的日期往后台通过json方式传的时候,遇到Date.parse(str)函数在ff下报错: NAN 找了些资料,发现是由于Date.parse()函数对日期格式有要求:详细参考 Date.parse函数 对于js操作日期: 创建一个日期对象: var objDate=new Date([arguments list]); 参数形式有以下5种: 复制代码 代码如下: view plainnew Date("month dd,yyyy hh:mm:ss");
-
js显示当前日期时间和星期几
JavaScript获取当前日期时间同时显示星期几,具体代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="/jquery/1.7.0/jquery.min.js"></scr
-
JS 日期比较大小的简单实例
1,比较日期大小的js代码 复制代码 代码如下: <script>var beginDate=$("#beginDate").val(); var endDate=$("#endDate").val(); var d1 = new Date(beginDate.replace(/\-/g, "\/")); var d2 = new Date(endDate.replace(/\-/g, "\/"));
-
JavaScript实现字符串与日期的互相转换及日期的格式化
字符串转日期.日期转字符串 // 2014-02-25 /** * 字符串转时间(yyyy-MM-dd HH:mm:ss) * result (分钟) */ stringToDate : function(fDate){ var fullDate = fDate.split("-"); return new Date(fullDate[0], fullDate[1]-1, fullDate[2], 0, 0, 0); } /** * 格式化日期 * @param date 日期 * @
-
Js 获取当前日期时间及其它操作实现代码
myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //获取当前日(1-31) myDate.getDay(); //获取当前星期X(0-6,0代表星期天) myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数) myDate.getHours();
-
js 日期字符串截取分割成单个具体的日期(2009-12-30 13:28:29)
var time='2009-12-30 13:28:29'; alert(time); var year=time.substr(0,4); alert(year); var index1=time.indexOf("-"); var index2=time.lastIndexOf("-"); var cha=parseInt(index2)-(parseInt(index1)+1); var month=time.substr((parseInt(index1)
-
javaScript 计算两个日期的天数相差(示例代码)
一:计算两个日期相差的天数 比如: str1 = "2002-01-20" str2 = "2002-10-11" 怎样用javaScript计算出str1与str2之间相差的天数? 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"&
-
js判断两个日期是否相等的方法
例如: 复制代码 代码如下: var date1 = new Date("2013-11-29");var date2 = new Date("2013-11-29");console.log(date1 == date2); //false 这里,date1和date2看上去是一样的,但是运行 date1 == date2 返回的却是false.这是因为date1.date2都是对象,类型为引用类型,所以如果需要比较他们,需要去比较他们的字面量值,而不是单纯的用
-
js时间戳格式化成日期格式的多种方法
js需要把时间戳转为为普通格式,一般的情况下可能用不到的, 下面先来看第一种吧 复制代码 代码如下: function getLocalTime(nS) { return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:\d{1,2}$/,' '); } alert(getLocalTime(1293072805)); 结果是 2010年12月23日 10:53 第二种 复制代码 代码如下: function getLocalTi