使用javascript将时间转换成今天,昨天,前天等格式

作者:hebedich 时间:2024-04-10 10:42:20 

方法超级简单,把时间格式化一下就好了,直接奉上代码


function transDate() {
   var $time =document.getElementById("share-time");
   var date = $time.innerHTML.trim();
   var tt = new Date(parseInt(date));
   var days = parseInt((new Date().getTime() - date) / 86400000);
   var today = new Date().getDate();
   var year = tt.getFullYear();
   var mouth = tt.getMonth() + 1;
   var day = tt.getDate();
   var time = tt.getHours() < 10 ? "0" + tt.getHours() : tt.getHours();
   var min = tt.getMinutes() < 10 ? "0" + tt.getMinutes() : tt.getMinutes();
   var result, offset;
offset = Math.abs(today - day);
if (days < 4&&offset<4) {
if (offset === 0) {
       result = "今天" + time + ":" + min;
     } else if (offset === 1) {
       result = "昨天" + time + ":" + min;
     } else if (offset === 2) {
       result = "前天" + time + ":" + min;
     }
   } else {
     result = year + "-" + mouth + "-" + day + " " + time + ":" + min;
   }
   $time.innerHTML = result;
 }
 transDate();

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('2023-5-13'), "prev", "-"));
console.log(getDays(new Date('2023-5-30'), "next", "-"));
console.log(getDays(new Date('2023-5-31'), "next", "-"));

以上所述就是本文的全部内容了,希望大家能够喜欢。

标签:javascript,时间格式化,时间转换
0
投稿

猜你喜欢

  • Python基础之数据类型详解

    2023-11-06 11:01:31
  • Python安装OpenCV的示例代码

    2022-05-25 23:35:44
  • 用python实现爬取奥特曼图片实例

    2022-09-23 00:25:18
  • 微信公众平台开发教程⑤ 微信扫码支付模式介绍

    2023-11-14 10:40:10
  • 正确使用字体和颜色 让网页内容更易阅读

    2007-09-13 18:45:00
  • Python程序中设置HTTP代理

    2023-01-06 11:32:23
  • PyTorch 如何将CIFAR100数据按类标归类保存

    2023-01-10 06:01:03
  • 详解Python中@staticmethod和@classmethod区别及使用示例代码

    2023-06-03 12:17:20
  • 批标准化层 tf.keras.layers.Batchnormalization()解析

    2023-06-18 23:35:17
  • python中的装饰器详解

    2022-08-14 04:32:05
  • Python 网页请求之requests库的使用详解

    2021-01-30 23:42:06
  • python飞机大战pygame游戏背景设计详解

    2022-01-09 00:20:37
  • mysql 5.7.25 安装配置方法图文教程

    2024-01-14 02:21:32
  • Appium中scroll和drag_and_drop根据元素位置滑动

    2023-03-16 23:34:38
  • python中slice参数过长的处理方法及实例

    2023-07-13 13:12:10
  • 让大家看看Object标签的强大功能---多用途

    2009-02-21 10:18:00
  • Python下利用BeautifulSoup解析HTML的实现

    2021-11-20 03:33:54
  • python 基础学习第二弹 类属性和实例属性

    2023-08-02 04:07:44
  • Python实现问题回答小游戏

    2023-05-13 13:26:19
  • python中subprocess实例用法及知识点详解

    2022-12-03 00:27:39
  • asp之家 网络编程 m.aspxhome.com