JavaScript
搜索
分类

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

作者：索隆 时间：2024-04-17 10:38:52　

本文实例讲述了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>

运行效果如下：

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

js 日期 获取今天、昨天、明天第一个函数

function getDay(day){
   var today = new Date()
   // 获取时间戳(毫秒级)
   /*
     day为1，则是，明天的时间戳
     day为-1，则是，昨天的时间戳
     day为-2，则是，前天的时间戳
   */
   var targetday_milliseconds = today.getTime() + 1000 * 60 * 60 * 24 * day
   // Date.setTime(时间戳)：设置当前日期的时间
   today.setTime(targetday_milliseconds)
   console.log('today=', today) // today= Sun Mar 05 2023 16:14:56 GMT+0800 (中国标准时间)
   var tYear = today.getFullYear() // 年
   var tMonth = today.getMonth() // 月
   var tDate = today.getDate() // 日
   tMonth = this.doHandleMonth(tMonth + 1)
   tDate = this.doHandleMonth(tDate)
   console.log('返回年月日=', tYear + '-' + tMonth + '-' + tDate)
   return tYear + '-' + tMonth + '-' + tDate
 }
 function doHandleMonth(month) {
   var m = month
   if (month.toString().length == 1) {
     m = '0' + month
   }
   return m
 }

js获取今天昨天明天的日期第二个函数

/*
 * @params date 日期
 * @params type 日期 prev/current/next 昨天/今天/明天
 * @params fmt 日期拼接符
*/
function getDays(date, type, fmt) {
   let currentDate = new Date(date)
   let y = currentDate.getFullYear()
   let m = currentDate.getMonth() + 1
   let d = currentDate.getDate()
   function dateFormat(date, fmt) {
       let y = new Date(date).getFullYear()
       let m = new Date(date).getMonth() + 1
       let d = new Date(date).getDate()
       return `${y}${fmt}${m}${fmt}${d}`
   }
   switch (type) {
       case "prev":
           if (d - 1 < 1) {
               if (m - 1 < 1) {
                   y = y - 1
                   m = 12
               } else {
                   m = m - 1
               }
               d = new Date(y, m, 0).getDate()
           } else {
               d = d - 1
           }
           break
       case "current":
           break
       case "next":
           if (d + 1 > new Date(y, m, 0).getDate()) {
               if (m + 1 > 12) {
                   y = y + 1
                   m = 1
                   d = 1
               } else {
                   m = m + 1
                   d = 1
               }
           } else {
               d = d + 1
           }
           break;
   default:
     break;
   }
   return dateFormat(new Date(`${y}-${m}-${d}`), fmt)
}
console.log(getDays(new Date('2021-1-1'), "prev", "-"));

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

来源：http://blog.csdn.net/lushuaiyin/article/details/7663236

标签：JS,日期
0
投稿

猜你喜欢

  • 比较详细的完美解决安装sql2000时出现以前的某个程序安装已在安装计算机上创建挂起的文件操作。 <font color=red>原创</font>

    2024-01-27 03:48:54

  • 关于设计的一些个人看法

    2008-06-12 12:44:00

  • IE下中英文字体不能对齐原因及解决

    2008-08-11 12:47:00

  • 详解Python 正则表达式模块

    2022-03-26 21:26:34

  • django 邮件发送模块smtp使用详解

    2021-09-24 23:04:15

  • 在Django model中设置多个字段联合唯一约束的实例

    2021-02-09 22:04:59

  • 详解修改Anaconda中的Jupyter Notebook默认工作路径的三种方式

    2022-02-12 06:30:45

  • Oracle AS关键字 提示错误

    2011-04-18 12:42:00

  • python入门之基础语法学习笔记

    2022-09-08 18:15:49

  • 使用python 进行区间取值的方法

    2023-12-17 01:27:56

  • Mysql索引性能优化问题解决方案

    2024-01-27 12:14:41

  • python如何保存文本文件

    2021-10-27 23:16:25

  • MYSQL中 TYPE=MyISAM 错误的解决方法

    2024-01-21 00:40:56

  • golang日志框架之logrus的使用

    2024-04-25 15:17:45

  • Python爬取网页中的图片（搜狗图片）详解

    2023-06-24 00:34:45

  • Laravel框架数据库CURD操作、连贯操作总结

    2023-11-17 07:22:26

  • SQL Server转换为XQuery及反向转换

    2009-01-20 13:32:00

  • 如何通过阿里云实现动态域名解析DDNS的方法

    2022-05-30 23:04:50

  • 分析与比较五种MySQL数据库可靠性方案

    2009-07-30 08:25:00

  • 隐蔽的ASP后门 大家可以查看下

    2010-08-05 21:26:00
    • asp之家 网络编程 m.aspxhome.com