JS格式化日期

最新推荐文章于 2024-06-14 09:31:22 发布
最新推荐文章于 2024-06-14 09:31:22 发布
阅读量233 收藏
点赞数
文章标签： js vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42673825/article/details/118458290
版权
这是一个关于JavaScript日期格式化的方法实现，用于将日期字符串转换为不同的显示格式，如'刚刚'、'几分钟前'、'今天HH:mm:ss'等。同时提供了处理iOS Safari浏览器的兼容性问题。代码中包含了日期与当前时间差的比较，以确定显示最近的时间表述。
摘要由CSDN通过智能技术生成 

/**
 * @desc 格式化日期字符串
 * @param { Nubmer} - Date日期 , 时间不能大于当前时间，大于当前时间会返回“刚刚”。
 * @returns { String } 格式化后的日期字符串
     // 2012年01月10日 12:46
     //刚刚
    //16分钟前
    //今天10:10
    //昨天10:10
    //02月10日 10:10:11
    //2012年10月10日 10:10:11
 */
export function dateFormat(date) {
    //new Date 在 ios safari浏览器有兼容性问题处理如下：
    // ? 兼容safari : 兼容其他浏览器
    let $this = new Date( date ) == 'Invalid Date' ? new Date( date.substr(0, 19) ) : new Date(date)

    var timestamp = parseInt(Date.parse($this)) / 1000 //- 8 * 60 * 60; //（本地时间）东八区减去8小时;

    function zeroize( num ) {
        return (String(num).length == 1 ? '0' : '') + num;
    }
    var curTimestamp = parseInt(new Date().getTime() /1000); //当前时间戳
    var timestampDiff = curTimestamp - timestamp; // 参数时间戳与当前时间戳相差秒数
    var curDate = new Date( curTimestamp * 1000 ); // 当前时间日期对象
    var tmDate = new Date( timestamp * 1000 );  // 参数时间戳转换成的日期对象
 
    var Y = tmDate.getFullYear(), m = tmDate.getMonth() + 1, d = tmDate.getDate();
    var H = tmDate.getHours(), i = tmDate.getMinutes(), s = tmDate.getSeconds();
 
    if ( timestampDiff < 60 ) { // 一分钟以内
        return "刚刚";
    } else if( timestampDiff < 3600 ) { // 一小时前之内
        return Math.floor( timestampDiff / 60 ) + "分钟前";
    } else if ( curDate.getFullYear() == Y && curDate.getMonth()+1 == m && curDate.getDate() == d ) {
        return '今天 ' + zeroize(H) + ':' + zeroize(i) + ':' + zeroize(s);
    } else {
        var newDate = new Date( (curTimestamp - 86400) * 1000 ); // 参数中的时间戳加一天转换成的日期对象
        if ( newDate.getFullYear() == Y && newDate.getMonth()+1 == m && newDate.getDate() == d ) {
            return '昨天 ' + zeroize(H) + ':' + zeroize(i) + ':' + zeroize(s);
        } else if ( curDate.getFullYear() == Y ) {
            return  zeroize(m) + '月' + zeroize(d) + '日 ' + zeroize(H) + ':' + zeroize(i) + ':' + zeroize(s);
        } else {
            return  Y + '年' + zeroize(m) + '月' + zeroize(d) + '日 ' + zeroize(H) + ':' + zeroize(i) + ':' + zeroize(s);
        }
    }
  }
/**
 * @param {format} 转换后的日期格式，默认yyyy-MM-dd hh:mm:ss
 */
export function format(date, format = "yyyy-MM-dd hh:mm:ss" ){
      //new Date 在 ios safari浏览器有兼容性问题处理如下：
      // ? 兼容safari : 兼容其他浏览器
      let $this = new Date( date ) == 'Invalid Date' ? new Date( date.substr(0, 19) ) : new Date(date)

      let o = {
        'M+': $this.getMonth() + 1,
        'd+': $this.getDate(),
        'h+': $this.getHours(),
        'm+': $this.getMinutes(),
        's+': $this.getSeconds(),
        'q+': Math.floor(($this.getMonth() + 3) / 3),
        'S': $this.getMilliseconds()
      }
      if (/(y+)/.test(format)) {
        format = format.replace(RegExp.$1, ($this.getFullYear() + '').substr(4 - RegExp.$1.length))
      }
      for (var k in o) {
        if (new RegExp('(' + k + ')').test(format)) {
            format = format.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
        }
      }
      return format
}

date.js放到utils目录中

使用方法:

<template>
    <div>
        {{demo()}}
    </div>
</template>

<script>
  // 引入data.js
  import {dateFormat} from "@/utils/date.js"

    export default {
        name: "Mycenter",
        components: {Edit},
        data() {},
        methods: {
          demo(){
            return  dateFormat("2020-07-02 12:50:20")
          }
        }
    }
</script>

可能需要几小时前


/**
 * @desc 格式化日期字符串
 * @param { Nubmer} - Date日期 , 时间不能大于当前时间，大于当前时间会返回“刚刚”。
 * @returns { String } 格式化后的日期字符串
     // 2012年01月10日 12:46
     // 刚刚
     // 16分钟前
     // 8 小时前
     // 昨天10:10
     // 02-10 10:10:11
     // 2012-10月-日
 */
export function dateFormat(date) {
    //new Date 在 ios safari浏览器有兼容性问题处理如下：
    // ? 兼容safari : 兼容其他浏览器
    let $this = new Date( date ) == 'Invalid Date' ? new Date( date.substr(0, 19) ) : new Date(date)

    var timestamp = parseInt(Date.parse($this)) / 1000 //- 8 * 60 * 60; //（本地时间）东八区减去8小时;

    function zeroize( num ) {
        return (String(num).length == 1 ? '0' : '') + num;
    }
    var curTimestamp = parseInt(new Date().getTime() /1000); //当前时间戳
    var timestampDiff = curTimestamp - timestamp; // 参数时间戳与当前时间戳相差秒数
    var curDate = new Date( curTimestamp * 1000 ); // 当前时间日期对象
    var tmDate = new Date( timestamp * 1000 );  // 参数时间戳转换成的日期对象

    var Y = tmDate.getFullYear(), m = tmDate.getMonth() + 1, d = tmDate.getDate();
    var H = tmDate.getHours(), i = tmDate.getMinutes(), s = tmDate.getSeconds();

    if ( timestampDiff < 60 ) { // 一分钟以内
        return "刚刚";
    } else if( timestampDiff < 3600 ) { // 一小时前之内
        return Math.floor( timestampDiff / 60 ) + "分钟前";
    } else if ( curDate.getFullYear() == Y && curDate.getMonth()+1 == m && curDate.getDate() == d ) {
        return Math.floor( timestampDiff / 3600 ) + "小时前";
        // return '今天 ' + zeroize(H) + ':' + zeroize(i) + ':' + zeroize(s);
    } else {
        var newDate = new Date( (curTimestamp - 86400) * 1000 ); // 参数中的时间戳加一天转换成的日期对象
        if ( newDate.getFullYear() == Y && newDate.getMonth()+1 == m && newDate.getDate() == d ) {
            return '昨天 ' + zeroize(H) + ':' + zeroize(i) + ':' + zeroize(s);
        } else if ( curDate.getFullYear() == Y ) {
            return  zeroize(m) + '-' + zeroize(d) + ' ' + zeroize(H) + ':' + zeroize(i) + ':' + zeroize(s);
        } else {
            return  Y + '-' + zeroize(m) + '-' + zeroize(d) + ' ' ;
        }
    }
  }
/**
 * @param {format} 转换后的日期格式，默认yyyy-MM-dd hh:mm:ss
 */
export function format(date, format = "yyyy-MM-dd hh:mm:ss" ){
      //new Date 在 ios safari浏览器有兼容性问题处理如下：
      // ? 兼容safari : 兼容其他浏览器
      let $this = new Date( date ) == 'Invalid Date' ? new Date( date.substr(0, 19) ) : new Date(date)

      let o = {
        'M+': $this.getMonth() + 1,
        'd+': $this.getDate(),
        'h+': $this.getHours(),
        'm+': $this.getMinutes(),
        's+': $this.getSeconds(),
        'q+': Math.floor(($this.getMonth() + 3) / 3),
        'S': $this.getMilliseconds()
      }
      if (/(y+)/.test(format)) {
        format = format.replace(RegExp.$1, ($this.getFullYear() + '').substr(4 - RegExp.$1.length))
      }
      for (var k in o) {
        if (new RegExp('(' + k + ')').test(format)) {
            format = format.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
        }
      }
      return format
}

机智的香锅锅
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
date.js 时间格式转换
06-28
* 将型如"20191018123030"转为"2019-10-18 12:30:30" import {formatDateSep} from "@/common/js/date.js"; // 时间戳转换 filters: { timeStamp: function(value) { return formatDateSep(value, "-"); } },
js date转String 日期字符串转换
08-14
js date转String 日期字符串转换
JS日期时间转换
热门推荐
m0_46641774的博客
05-06 1万+
JS日期时间转换
【js】一些关于时间日期的格式化处理
最新发布
weixin_44482361的博客
06-14 292
/ Fri Jun 14 2024 09:11:32 GMT+0800 (中国标准时间)
JS中 Date日期多种格式转换
努力努力再努力的博客
04-25 2311
JS中 Date日期多种格式转换 时间（Date）转时间戳（Timestamp） var time = new Date() // Date格式 var Timestamp1 = time.valueOf() // Date格式转时间戳 var Timestamp2 = time.getTime() // Date格式转时间戳 var Timestamp3= Number(time) // Date格式转时间戳 var Timestamp4= Date.parse(time) // Date
JS，Date时间格式转换
Jerry子辰的博客
03-24 766
JS，Date格式转换
javascript格式化日期时间方法汇总
10-24
本文给大家汇总介绍了javascript格式化日期时间的五种常用方法，个人对第五种个性化输出时间比较有兴趣，基本上只要项目中能用到都是使用第五种，推荐给小伙伴们。
javascript格式化日期时间函数
10-30
下面的js函数是格式化日期的，函数是一行写的，所以大家可以直接负责应用就可以了
js格式化时间小结
12-01
本文主要总结了JavaScript中处理和格式化日期的一些基本方法。 首先，JavaScript提供了内置的`Date`对象来处理日期和时间。以下是一些常用的方法： 1. `getYear()`：返回当前年份（两位数），例如18表示2018年。 2...
js格式化时间的方法
10-23
主要介绍了js格式化时间的方法，对javascript时间格式化的方法进行了总结，感兴趣的小伙伴们可以参考一下
javascript 格式化时间日期函数代码脚本之家修正版
10-29
javascript中,new Date()得到的是一个国际化时间格式的时间值这在我们使用中文的时候,很不方便,也很难看所以就需要对javascript中的日期时间进行格式化.
js Date格式转化
weixin_30474613的博客
08-02 89
Date格式转化为日期 年-月-日（格式随意修改） GetDateStr(dd, AddDayCount) { dd.setDate(dd.getDate() + AddDayCount)// 获取AddDayCount天后的日期 var y = dd.getFullYear() var m = (dd.getMonth() + 1) ...
js日期格式转换
懿的博客
11-07 1807
//日期毫秒值转换成固定格式 function dateFmt(val){ var date = new Date(val); Y = date.getFullYear() + '-'; M = (date.getMonth()+1 &lt; 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-'; D = date.getDate()&gt...
JS Date时间格式的转换
445822357
02-19 118
var mydate = new Date('2012-05-10 10:10:21'); console.log("格式化事件格式1--" + mydate.getTime());//输出的是：格式化事件格式1--1336615821000 扩展Date对象的属性 Date.prototype.format = function (format) { var o = { ...
使用date.js进行javascript的date类型数据格式化和日期时间转换
xyhshen的博客
12-22 2992
js的date类型 js的类型封装了对日期时间的各种操作，包括按年月日时分秒取值一类的，Date有两个特殊函数，一个parse一个toString，把字符串换成date类型或反过来转换成字符串，因为parse只识别类似yyyy-MM-dd HH:mm:ss这种标准格式转换，toString也只能转换为一种格式，所以这里一般需要使用一些第三方库。 date.js 目前做date解析库有不少，其中mo...
JavaScript Date对象详解 以及 时间戳和时间的相互转换
qq_63299825的博客
06-02 4089
创建 Date 对象： new Date() 以下四种方法同样可以创建 Date 对象： var d = new Date();（6）getMinutes() 返回Date对象的月份（0-11）因为月份返回0-11,因此一般获取月份都要 + 1。（5）getMillseconds() 返回Date对象的毫秒数（0-999）（7）getSeconds() 返回Date对象的秒数（0-59）（4）getHours() 返回Date对象的小时（0-23）（2）getDay() 返回一周中的某一天（0-6）
JavaScript — 转换日期
旧梦
07-28 2924
描述 本文描述的是转换日期方法的实现， 这个方法接收两个参数，第一个参数是需要输出日期的格式，第二个参数是需要转换的日期。 代码实现 首先，先实现一种简单转换的方法 function transDate(date) { const transTime = (t) => { return t < 10 ? `0${t}` : t }; const year = date.getFullYear(); const month = date.getMonth() + 1; const day
JS中Date日期转换
weixin_44389618的博客
07-28 466
javascript中日期的处理。 // 关于javascript中date类的整理 var date = new Date();//返回一个日期对象，时间为当前时间，可以使用方法。 var year = date.getFullYear();//获取当前时间的年 var month = date.getMonth();//获取当前时间的月 注意，这个月是从0开始，所以呢实际时间要+1才会看的舒服 var day = date.getDate();//获取当前时间的日 var hours = date.g
利用正则表达式封装的一个将时间格式化的插件
ansong472863274的博客
03-14 169
function crtTimeFtt(value){ var crtTime = new Date(value); return dateFtt("yyyy-MM-dd hh:mm:ss",crtTime);//直接调用公共JS里面的时间类处理的办法 } function dateFtt(fmt,date) { var o = { "M+" : date.g...
js格式化时间
05-26
可以使用JavaScript内置的Date对象来格式化时间。下面是一个例子： ```javascript const date = new Date(); const year = date.getFullYear(); // 获取年份 const month = date.getMonth() + 1; // 获取月份（注意要加1） const day = date.getDate(); // 获取日期 const hour = date.getHours(); // 获取小时 const minute = date.getMinutes(); // 获取分钟 const second = date.getSeconds(); // 获取秒数 // 将时间格式化为字符串，如：2022-02-27 09:15:30 const formattedDate = `${year}-${month.toString().padStart(2, '0')}-${day.toString().padStart(2, '0')} ${hour.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}:${second.toString().padStart(2, '0')}`; console.log(formattedDate); ``` 在上面的代码中，我们首先创建了一个Date对象，并使用其提供的方法获取年份、月份、日期、小时、分钟和秒数。然后，我们使用字符串模板将这些值格式化为一个字符串。在格式化时，我们使用了padStart()方法来确保月份、日期、小时、分钟和秒数的值都是两位数。 以上代码输出的结果类似于： ``` 2022-02-27 09:15:30 ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值