vue如何使用moment处理时间戳转换成日期或时间格式
目录
- 一、使用环境
- 二、安装moment
- 三、在vue所需页面进行引入
- 五、最终效果
- 六、moment中文官网
- 总结
一、使用环境
Moment 被设计为在浏览器和 Node.js 中都能工作。
所有的代码都应该在这两种环境中都可以工作,并且所有的单元测试都应该在这两种环境中运行。
CI 系统当前使用以下的浏览器:Windows XP 上的 Chrome,Windows 7 上的 IE 8、9 和 10,Windows 10 上的 IE 11,Linux 上最新的 Firefox,OSX 10.8 和 10.11 上最新的 Safari。
如果您想尝试以下的示例代码,则只需打开浏览器的控制台并输入即可。
二、安装moment
npm i moment
三、在vue所需页面进行引入
import moment from 'moment'
四、具体实现看如下代码
<template> <p>{{times | Time }}</p> </template> <script> import moment from 'moment'; //处理时间 export default { data() { return { } }, filters: { Time(e) { //处理时间 return moment(parseInt(e)).format('YYYY-MM-DD HH:mm:ss'); } } } </script>
五、最终效果
六、moment中文官网
总结
到此这篇关于vue如何使用moment处理时间戳转换成日期或时间格式的文章就介绍到这了,更多相关vue用moment处理时间戳转内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!
相关推荐
-
vue利用Moment插件格式化时间的实例代码
moment是一款多语言支持的日期处理类库, 在vue中如何使用呢?首先附上官网地址:http://momentjs.cn/, 毕竟查找api才是学习正途! 使用npm命令安装moment npm install moment --save 在main.js文件里引用moment // The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in we
-
vue如何使用moment处理时间戳转换成日期或时间格式
目录 一.使用环境 二.安装moment 三.在vue所需页面进行引入 五.最终效果 六.moment中文官网 总结 一.使用环境 Moment 被设计为在浏览器和 Node.js 中都能工作. 所有的代码都应该在这两种环境中都可以工作,并且所有的单元测试都应该在这两种环境中运行. CI 系统当前使用以下的浏览器:Windows XP 上的 Chrome,Windows 7 上的 IE 8.9 和 10,Windows 10 上的 IE 11,Linux 上最新的 Firefox,OSX 10.
-
C++时间戳转换成日期时间的步骤和示例代码
因工作需要,经常跟时间戳打交道,但是因为它仅仅是一个数字,我们很难直接看出它有什么意义,或两个时间戳之间究竟差了多长的间隔.于是从MSDN for Visual Studio6上找到了时间戳转换成日期时间的算法.本文除介绍这一算法外,还提供一个示例代码. 1.将时间戳转换成一串32比特的二进制数.有些数字转换之后不够32位,则在前面补充0.这可通过windows自带的计算器完成.比如481522543转换成 0001 1100 1011 0011 0111 0011 0110 1111 2.根据
-
vue将后台数据时间戳转换成日期格式
前言 在项目中,经常会有后台返回一个时间戳,页面展示用的却是日期格式的情况 不同组件多次使用的话,那么建议在 src 下新建一个 common 文件夹,创建 date.js 文件,方便多次复用 在组件中使用 <template> <div> <p>{{date1 | formatDate}}</p> <p>{{date1 | formatDate2}}</p> <p>{{date1 | formatDate3}}</
-
vue将时间戳转换成自定义时间格式的方法
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.g
-
JS自定义函数实现时间戳转换成date的方法示例
本文实例讲述了JS自定义函数实现时间戳转换成date的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>获取当前年/月/日(www.jb51.net)</title> </head> <body> <script> function UnixToDate(unixTime
-
php把时间戳转换成多少时间之前函数的实例
如下所示: function wordTime($time) { $time = (int) substr($time, 0, 10); $int = time() - $time; $str = ''; if ($int <= 2){ $str = sprintf('刚刚', $int); }elseif ($int < 60){ $str = sprintf('%d秒前', $int); }elseif ($int < 3600){ $str = sprintf('%d分钟前', f
-
C语言中时间戳转换成时间字符串的方法
在PE格式里有个字段是文件的创建时间戳,我想把转成字符串,这样看的更直观. TCHAR buffer[50] = {0}; struct tm Tm = {0}; time_t time = (time_t)NtHeader->FileHeader.TimeDateStamp;//时间戳 gmtime_s(&Tm, &time); printf(buffer, TEXT("%d年%d月%d日 %d:%d:%d"), Tm.tm_year+1900, Tm.tm_m
-
js中的时间转换—毫秒转换成日期时间的示例代码
js毫秒时间转换成日期时间 复制代码 代码如下: var oldTime = (new Date("2011/11/11 20:10:10")).getTime(); //得到毫秒数 大多数是用毫秒数除以365*24*60*60&1000,这么转回去,这种方法转换太过复杂,年月日,时分秒都要不同的方法获取,而且有的年份有366天,有的365天,这么算起来就太过复杂了. 后面自己试了一个方法,居然成功了 复制代码 代码如下: var oldTime = (new Date(&qu
-
把字符串转换成数据库SQL语句格式
复制代码 代码如下: '把字符串转换成数据库SQL语句格式 '------------------------------------------------- Function AllStr2Database(str,strType) Dim strTemp:strTemp=str Select Case strType Case "" Case "num" strTemp = Clng(st
-
C#实现将字符串转换成日期格式的方法
本文实例讲述了C#实现将字符串转换成日期格式的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: string s = "20120114161145"; Response.Write(DateTime.ParseExact(s, "yyyyMMddHHmmss", new System.Globalization.CultureInfo("zh-CN", true)).ToString()); return; 希望本文所述对大
随机推荐
- shell 使用数组作为函数参数的方法(详解)
- C#操作SQLite方法实例详解
- Javascript中判断一个值是否为undefined的方法详解
- Windows 7下IIS安装配置教程(win8通用)
- 基于jQuery1.9版本如何判断浏览器版本类型
- Android selector背景选择器的使用详解
- Socket+JDBC+IO实现Java文件上传下载器DEMO详解
- Oracle的数据字典技术简析
- 在WAMP环境下搭建ZendDebugger php调试工具的方法
- php+mysqli实现批量替换数据库表前缀的方法
- Python实现处理管道的方法
- 基于JavaScript实现右键菜单和拖拽功能
- JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
- js style动态设置table高度
- JS实现浏览器菜单命令
- 使用非html5实现js板连连看游戏示例代码
- 限制 Apache日志文件大小的方法
- 解析MySql与Java的时间类型
- Vue2.x通用编辑组件的封装及应用详解
- 易语言调用ESPI11.dll实现禁止指定程序访问网络的代码