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 相关文章推荐
JavaScript 学习笔记二 字符串拼接
Mar 28 Javascript
jQuery操作select下拉框的text值和value值的方法
May 31 Javascript
AngularJS基础 ng-dblclick 指令用法
Aug 01 Javascript
jQuery给表格添加分页效果
Mar 02 Javascript
vue使用xe-utils函数库的具体方法
Mar 06 Javascript
webpack4.0+vue2.0利用批处理生成前端单页或多页应用的方法
Jun 28 Javascript
微信小程序判断用户是否需要再次授权获取个人信息
Jul 18 Javascript
微信小程序webview与h5通过postMessage实现实时通讯的实现
Aug 20 Javascript
JavaScript中的各种宽高属性的实现
May 08 Javascript
javascript实现贪吃蛇游戏(娱乐版)
Aug 17 Javascript
微信小程序实现滚动Tab选项卡
Nov 16 Javascript
vuex的使用和简易实现
Jan 07 Vue.js
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
ThinkPHP中__initialize()和类的构造函数__construct()用法分析
2014/11/29 PHP
php反射类ReflectionClass用法分析
2016/05/12 PHP
php 解析xml 的四种方法详细介绍
2016/10/26 PHP
php实现微信支付之现金红包
2018/05/30 PHP
Laravel 不同生产环境服务器的判断实践
2019/10/15 PHP
Javascript调试工具(下载)
2007/01/09 Javascript
通过javascript设置css属性的代码
2009/12/28 Javascript
jQuery EasyUI API 中文文档 - Menu菜单
2011/10/03 Javascript
异步动态加载js与css文件的js代码
2013/09/15 Javascript
Javascript中的回调函数和匿名函数的回调示例介绍
2014/05/12 Javascript
jQuery循环滚动新闻列表示例代码
2014/06/17 Javascript
jquery+html5时钟特效代码分享(可设置闹钟并且语音提醒)
2020/03/30 Javascript
基于AngularJS+HTML+Groovy实现登录功能
2016/02/17 Javascript
EasyUI在表单提交之前进行验证的实例代码
2016/06/24 Javascript
Javascript农历与公历相互转换的简单实例
2016/10/09 Javascript
jQueryUI Datepicker组件设置日期高亮
2016/10/13 Javascript
nodejs连接mongodb数据库实现增删改查
2016/12/01 NodeJs
Nodejs+Socket.io实现通讯实例代码
2017/02/13 NodeJs
详解Angular 4 表单快速入门
2017/06/05 Javascript
javascript 判断用户有没有操作页面
2017/10/17 Javascript
微信小程序实现保存图片到相册功能
2018/11/30 Javascript
解决小程序无法触发SESSION问题
2020/02/03 Javascript
Python中list循环遍历删除数据的正确方法
2019/09/02 Python
Python基础之函数原理与应用实例详解
2020/01/03 Python
Python基础教程(一)——Windows搭建开发Python开发环境
2020/07/20 Python
CSS3属性box-sizing使用指南
2014/12/09 HTML / CSS
HTML5中原生的右键菜单创建方法
2016/06/28 HTML / CSS
土耳其家居建材网站:Koçtaş
2016/11/22 全球购物
生产主管岗位职责
2013/11/10 职场文书
奉献演讲稿范文
2014/05/21 职场文书
银行员工犯错检讨书
2014/09/16 职场文书
中班下学期个人总结
2015/02/12 职场文书
活动经费申请报告
2015/05/15 职场文书
关爱留守儿童主题班会
2015/08/13 职场文书
教你利用python实现企业微信发送消息
2021/05/23 Python
Go本地测试解耦任务拆解及沟通详解Go本地测试的思路沟通的重要性总结
2022/06/21 Golang