vue时间戳

2021-06-19

栏目: 时间戳 ·

简介  这篇文章主要介绍了vue时间戳以及相关的经验技巧,文章约5048字,浏览量467,点赞数0,值得参考!

方法一:
formatDate(value) {
        let date = new Date(value);
        let y = date.getFullYear();
        let MM = date.getMonth() + 1;
        MM = MM < 10 ? "0" + MM : MM;
        let d = date.getDate();
        d = d < 10 ? "0" + d : d;
        let h = date.getHours();
        h = h < 10 ? "0" + h : h;
        let m = date.getMinutes();
        m = m < 10 ? "0" + m : m;
        let s = date.getSeconds();
        s = s < 10 ? "0" + s : s;
        return y + "-" + MM + "-" + d + " " + h + ":" + m + ":" + s;
      }

方法二:
Date.prototype.format = function(format) {
    var date = {
        "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+)/i.test(format)) {
          format = format.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length));
    }
    for (var k in date) {
          if (new RegExp("(" + k + ")").test(format)) {
                 format = format.replace(RegExp.$1, RegExp.$1.length == 1
                        ? date[k] : ("00" + date[k]).substr(("" + date[k]).length));
          }
    }
    return format;
}
Vue.filter('time', function (value) {
    let newDate = new Date(parseInt(value) * 1000);
    return newDate.format('yyyy-MM-dd h:m:s');
})
Vue.filter('timeDate', function (value) {
    let newDate = new Date(parseInt(value) * 1000);
    return newDate.format('yyyy-MM-dd');
})
方法三:  1.首先建立一个date.js文件,写入如下代码: export function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + ‘‘).substr(4 - RegExp.$1.length)); } let o = { ‘M+‘: date.getMonth() + 1, ‘d+‘: date.getDate(), ‘h+‘: date.getHours(), ‘m+‘: date.getMinutes(), ‘s+‘: date.getSeconds() }; for (let k in o) { if (new RegExp(`(${k})`).test(fmt)) { let str = o[k] + ‘‘; fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str)); } } return fmt; }; function padLeftZero (str) { return (‘00‘ + str).substr(str.length); }; 2.在所要转换的页面引入date.js文件: import {formatDate} from ‘../../date.js‘; 3.调用方法如下: formatDate(new Date(time * 1000), ‘yyyy-MM-dd hh:mm‘);

以上就是本文的全部内容,希望对大家的学习有所帮助,本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

相关文章

vue项目中将后台返回的创建时间(时间戳格式)转换成日期格式

《Vue系列》timeago.js将时间戳转换成“几天前”“几分钟前”等格式(示例代码)

vue filters 过滤用法 时间戳方法(示例代码)

vue 在filters 里给时间戳 变换日期格式(示例代码)

vue 在filters 里给时间戳 变换日期格式(示例代码)

关于vue将时间戳转换成自定义时间格式(示例代码)

vue 获取时间戳对象转换为日期格式(示例代码)

vue实现倒计时的插件 时间戳 刷新 跳转 都不影响