Vue中使用Moment插件实现格式化时间与时间戳转换等

谁践踏了优雅 2023-10-01 15:36 8阅读 0赞

## 场景 ##

Vue中使用moment将时间戳数据格式化显示(el-table中)：

[Vue中使用moment将时间戳数据格式化显示(el-table中)\_BADAO\_LIUMANG\_QIZHI的博客-CSDN博客\_a-table moment][Vue_moment_el-table_BADAO_LIUMANG_QIZHI_-CSDN_a-table moment]

上面讲过使用moment格式化时间戳，实际上moment还有很多使用场景。

momentjs中文网：

[Moment.js 中文网][Moment.js]

安装以及使用可以参照上面博客或者官网。

注：

博客：  
[https://blog.csdn.net/badao\_liumang\_qizhi ][https_blog.csdn.net_badao_liumang_qizhi]  
关注公众号  
霸道的程序猿  
获取编程相关电子书、教程推送与免费下载。

## 实现 ##

1、获取/转换时间戳

moment().format('X') // 返回值为字符串类型
    
    moment().unix() // 返回值为数值型

2、使用示例

一个格式化组件显示时间的方法

formatter(value) {           
                    let time = parseInt(value) + parseInt(moment(this.startTime).format("X"));
                    return moment.unix(time).format("YYYY-MM-DD HH:mm:ss");
                },

[Vue_moment_el-table_BADAO_LIUMANG_QIZHI_-CSDN_a-table moment]: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/114595890
[Moment.js]: http://momentjs.cn/
[https_blog.csdn.net_badao_liumang_qizhi]: https://blog.csdn.net/badao_liumang_qizhi

发表评论取消回复

表情：

评论列表（有 0 条评论，8人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java中实现时间与时间戳的转换

public static void main(String[] args) { // 格式化日期 SimpleDate

朴灿烈づ我的快乐病毒、/ 2024年03月17日 14:34/ 0 赞/ 64 阅读

相关 vue中使用moment来实现导出excel时添加格式化的时间戳

背景在使用vue实现导出excel报表时，报表的名字为了防止重复，一般要添加时间戳。实现在vue单页面： import moment from

ゝ一世哀愁。/ 2023年10月18日 10:55/ 0 赞/ 104 阅读

相关 Vue中使用Moment插件实现格式化时间与时间戳转换等

场景 Vue中使用moment将时间戳数据格式化显示(el-table中)： [Vue中使用moment将时间戳数据格式化显示(el-table中)\_BADAO\_L

谁践踏了优雅/ 2023年10月01日 15:36/ 0 赞/ 9 阅读

相关时间插件moment.js的使用

最近做项目时候发现了一个关于时间的插件，在实际项目中很实用，可以获取当前时间，上一周，上一个月等等时间相关的操作。指路官方文档\\[moment.js][]\\ 具体运用

快来打我*/ 2023年07月24日 03:27/ 0 赞/ 24 阅读

相关 vue使用moment格式化时间

第一、安装moment npm install moment --save 第二、在main.js引入moment，并且设一个全局的过滤器 imp

「爱情、让人受尽委屈。」/ 2022年12月03日 13:08/ 0 赞/ 224 阅读

相关 Vue中使用moment将时间戳数据格式化显示(el-table中)

场景在使用el-table显示数据时，请求后台数据获取的时间格式是时间戳格式 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shad

迈不过友情╰/ 2022年10月23日 08:21/ 0 赞/ 303 阅读

相关 js moment时间戳与时间格式相互转换

var moment = require('moment') 获取时间戳 : var res = moment(Date.now(), 'YYYY-MM-DD HH:mm:s

逃离我推掉我的手/ 2022年05月23日 12:24/ 0 赞/ 934 阅读

相关 vue格式化时间戳

js： var articleContent = new Vue({ el: "articleContent", da

朱雀/ 2022年05月23日 11:53/ 0 赞/ 311 阅读

相关 vue使用Moment插件格式化时间

使用npm命令安装moment npm install moment --save 在main.js文件里引用moment // The Vue

﹏ヽ暗。殇╰゛Y/ 2021年09月18日 23:44/ 0 赞/ 639 阅读

相关 vue中使用moment格式化时间

目录一、安装moment.js 二、main.js中引入moment 三、使用 1、过滤器用法全局过滤器局部过滤器 2、挂载vue上 ----------

梦里梦外;/ 2021年09月07日 15:08/ 0 赞/ 669 阅读