JS获取日期的方法实例【昨天,今天,明天,前n天,后n天的日期】


Posted in Javascript onSeptember 28, 2017

本文实例讲述了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>3water.com 日期计算</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>

运行效果如下:

JS获取日期的方法实例【昨天,今天,明天,前n天,后n天的日期】

PS:这里再为大家推荐几款比较实用的天数计算在线工具供大家使用:

在线日期/天数计算器:
http://tools.3water.com/jisuanqi/date_jisuanqi

在线日期计算器/相差天数计算器:
http://tools.3water.com/jisuanqi/datecalc

在线日期天数差计算器:
http://tools.3water.com/jisuanqi/onlinedatejsq

在线天数计算器:
http://tools.3water.com/jisuanqi/datejsq

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
许愿墙中用到的函数
Oct 07 Javascript
网页中实现浏览器的最大,最小化和关闭按钮
Mar 12 Javascript
JQuery优缺点分析说明
Jun 09 Javascript
使用jQuery判断Div是否在可视区域的方法 判断div是否可见
Feb 17 Javascript
AngularJS 依赖注入详解及示例代码
Aug 17 Javascript
Vue.js系列之项目结构说明(2)
Jan 03 Javascript
vue中引用阿里字体图标的方法
Feb 10 Javascript
Vue无限滑动周选择日期的组件的示例代码
Jul 18 Javascript
Vue 前端实现登陆拦截及axios 拦截器的使用
Jul 17 Javascript
Layui数据表格跳转到指定页的实现方法
Sep 05 Javascript
js实现中文实时时钟
Jan 15 Javascript
使用Vant完成DatetimePicker 日期的选择器操作
Nov 12 Javascript
jquery实现左右轮播图效果
Sep 28 #jQuery
bootstrap table实现点击翻页功能 可记录上下页选中的行
Sep 28 #Javascript
JavaScript判断输入是否为数字类型的方法总结
Sep 28 #Javascript
详解Node全局变量global模块
Sep 28 #Javascript
React Native预设占位placeholder的使用
Sep 28 #Javascript
import与export在node.js中的使用详解
Sep 28 #Javascript
AngularJS 仿微信图片手势缩放的实例
Sep 28 #Javascript
You might like
图解找出PHP配置文件php.ini的路径的方法
2014/08/20 PHP
WordPress主题制作之模板文件的引入方法
2015/12/28 PHP
Yii 实现数据加密和解密
2021/03/09 PHP
Prototype的Class.create函数解析
2011/09/22 Javascript
Jquery为a标签的href赋值实现代码
2013/05/03 Javascript
如何获取select下拉框的值(option没有及有value属性)
2013/11/08 Javascript
JS判断客户端是手机还是PC的2个代码
2014/04/12 Javascript
我用的一些Node.js开发工具、开发包、框架等总结
2014/09/25 Javascript
加载列表时jquery获取ul中第一个li的属性
2014/11/02 Javascript
js实现的下拉框二级联动效果
2016/04/30 Javascript
jQuery使用经验小技巧(推荐)
2016/05/31 Javascript
跨域请求的完美解决方法(JSONP, CORS)
2016/06/12 Javascript
JavaScript事件用法浅析
2016/10/31 Javascript
jQuery中 DOM节点操作方法大全
2017/10/12 jQuery
AngularJS select加载数据选中默认值的方法
2018/02/28 Javascript
Vue插件打包与发布的方法示例
2018/08/20 Javascript
Vue实现本地购物车功能
2018/12/05 Javascript
Elasticsearch实现复合查询高亮结果功能
2019/09/10 Javascript
[01:45:05]VGJ.T vs Newbee Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
Python类的定义、继承及类对象使用方法简明教程
2015/05/08 Python
Python数据结构与算法之常见的分配排序法示例【桶排序与基数排序】
2017/12/15 Python
Python设计模式之命令模式简单示例
2018/01/10 Python
python 字典中取值的两种方法小结
2018/08/02 Python
浅谈Python大神都是这样处理XML文件的
2019/05/31 Python
Python获取数据库数据并保存在excel表格中的方法
2019/06/12 Python
python实现函数极小值
2019/07/10 Python
python简单实现最大似然估计&amp;scipy库的使用详解
2020/04/15 Python
基于Python第三方插件实现西游记章节标注汉语拼音的方法
2020/05/22 Python
django和flask哪个值得研究学习
2020/07/31 Python
全面总结使用CSS实现水平垂直居中效果的方法
2016/03/10 HTML / CSS
HTML5新增的表单元素和属性实例解析
2014/07/07 HTML / CSS
详解通过HTML5 Canvas实现图片的平移及旋转变化的方法
2016/03/22 HTML / CSS
项目计划书范文
2014/01/09 职场文书
大学生村官座谈会发言材料
2014/05/25 职场文书
2015年乡镇流动人口工作总结
2015/05/12 职场文书
2015年学校办公室主任工作总结
2015/07/20 职场文书