moment.js是一个javascript时间处理类库。它可以将时间搓格式化,使用起来很方便。下面是vue2.0中moment.js的使用步骤:

moment.js可以全局使用,也可以局部使用。

一、全局使用

1、安装

1 npm install moment --save

2、在main.js中添加下面的代码

1 import moment from 'moment'
2 Vue.prototype.moment = moment

3、在.vue文件中所需要的地方使用

1 <template>
2     <div v-for="item in datas">
3        <span>{{moment(parseInt(item.createtime)).format('YYYY/DD/MM')}}</span>
4     </div>
5 </template>

封装一下关于时间戳的公用方法

/* <pre>====================================================================日期工具====================================================================</pre>@author*/
import moment from 'moment'/*** 格式化时间为 YYYY-MM-DD HH:mm:ss 格式* @param time 目前已测支持:时间戳* @param defaultValue 如果给定的值为空,则返回默认值* @return {string}*/
export function format(time, defaultValue) {if (time === -1 || !time) {return defaultValue || ''}return moment(time).format('YYYY-MM-DD HH:mm:ss')
}/*** YYYY-MM-DD* @param time* @return {string}*/
export function formatDate(time, defaultValue) {if (time === -1 || !time) {return defaultValue || ''}return moment(time).format('YYYY-MM-DD')
}/*** HH:mm:ss* @param time* @return {string}*/
export function formatTime(time, defaultValue) {if (time === -1 || !time) {return defaultValue || ''}return moment(time).format('HH:mm:ss')
}/*** 提交数据时将时间格式转化为 utc 时间* @param time* @param defaultValue 如果给定的值为空,则返回默认值* @return {string}*/
export function formatDatetimeToUtc(time, defaultValue) {if (time === -1 || !time) {return defaultValue || ''}return moment(time).utc().format()
}/*** 将 utc 时间转化为标准时间格式* @param time* @param defaultValue 如果给定的值为空,则返回默认值* @return {string}*/
export function formatUtcToDatetime(time, defaultValue) {if (time === -1 || !time) {return defaultValue || ''}const localTime = new Date(time).getTime() - new Date().getTimezoneOffset() * 60 * 1000return moment(localTime).format('YYYY-MM-DD HH:mm:ss')
}/*** 相对时间*/export function dateFromNow(value) {var date = moment.parseZone(value).local().format('YYYY-MM-DD HH:mm:ss')return date
}/*** 日/月/年 时:分:秒  时间格式*/export function specialDate(value) {var date = moment.parseZone(value).local().format('DD/MM/YYYY HH:mm:ss')return date
}

vue2.0有关时间戳 时间的公共方法(YYYY-MM-DD HH:mm:ss,YYYY-MM-DD,HH:mm:ss,转化为 utc 时间,utc转标准时间,相对时间,日/月/年 时:分:秒)相关推荐

  1. 时间戳格式化为正常时间 (年-月-日 时:分:秒)

    时间格式化 做项目的时候往往后台返回的时间数据不是我们想要的形式 如 (年-月-日 时:分:秒) 那要自己写代码来转换格式 下面代码可以快速格式化时间,建议收藏 代码如下 let time = '20 ...

  2. [转载] 用python 获取当前时间(年-月-日 时:分:秒),并且返回当前时间的下一秒

    参考链接: Python获取当前时间 获取当前时间,并且返回当前时间的下一秒 因为存在年-月-日 时:分:秒 考虑到用split的方法做的话非常麻烦 所以引入time和datetime模块 当然 也可 ...

  3. 用python 获取当前时间(年-月-日 时:分:秒),并且返回当前时间的下一秒

    获取当前时间,并且返回当前时间的下一秒 因为存在年-月-日 时:分:秒 考虑到用split的方法做的话非常麻烦 所以引入time和datetime模块 当然 也可以改写成输入一个时间 代码实现 imp ...

  4. Excel计算将时间字符串转换为时间格式 年-月-日 时:分:秒 且计算时间差得到 时分秒 格式

    Excel计算时间差时分秒 今天数据导出处理的时候碰见一个时间格式问题如下: 这个日期数据从数据库里导出来就是字符串了,由于取出来的还有一些很长的编码形式的字段怕被隐没,所以将数据粘贴之前我将exce ...

  5. js将当前时间格式化为年-月-日 时:分:秒

    利用js的Date()对象,将系统当前时间格式化为年-月-日 时:分:秒.也可以自己定义格式.(做项目时遇到这个问题.本来想百度一个用,哎,网上的结果太乱了,于是自己写一个) 代码如下: <!D ...

  6. 汇编语言:以“年/月/日 时:分:秒”的格式,显示当前的日期、时间。

    题目:访问cmos ram,用汇编语言编程,以"年/月/日 时:分:秒"的格式,显示当前的日期.时间. 我编写的程序是用直接写显存的方式,在屏幕中间显示系统的当前时间. 但是,有两 ...

  7. Python 获取当前时间 年-月-日-时-分-秒

    Python Version (使用版本): Python 3.7.0 (v3.7.0:1bf9cc5093, Jun 27 2018, 04:06:47) [MSC v.1914 32 bit (I ...

  8. 原生JS实现拿到的时间戳“毫秒/秒”转为“时:分:秒”形式的效果

    在日常编程中,我们向后台数据,请求的可能是视频或者音乐的接口,后端返回给我们的数据中可能是视频或音乐的时长,通常都会给我们返回一个时间戳形式的字符.比如1454646毫秒或者秒.这个时候我们就需要把这 ...

  9. 根据时间戳计算具体持续时间(天 时 分 秒)

    c_continueDateTime(timeStamp){// 根据时间戳计算具体持续时间,天 时 分 秒let totalTime = timeStamp;console.log(totalTim ...

最新文章

  1. 机器人编程语言python-机器人行业,10大流行编程语言对比
  2. 部署和调优 1.5 vsftp部署和优化-1
  3. mysql的事物隔离级别
  4. 第一百二十六期:代码以外的生存之道,献给每位入了坑的码农
  5. 小程序json字符串取值问题,怎么取出来的是undefined,eval函数不能用?
  6. SharePoint Designer - View
  7. 如何通过系统信息查看 Mac 上的显示刷新率?
  8. Java中的JSON解析
  9. java写万年历_Java 实现万年历总结
  10. M6(面试)-01-牛客网Java面试题集锦
  11. 华为数通HCIA笔记——路由基础
  12. 3DES加密(iOS,Android,Java)
  13. python爬取网易云音乐评论分析_Python爬取网易云音乐评论(附加密算法)
  14. Laravel数据库之Seeding
  15. Python负数除法取余操作
  16. 培训机构要不要去 适合谁去
  17. ui培训学校哪个比较好?
  18. 51单片机(四).C51编程语言
  19. BFC到底是什么?IFC、GFC、FFC?
  20. python画螺旋状图形教程_Python实现的绘制三维双螺旋线图形功能示例

热门文章

  1. 高性能集群软件keepalived
  2. 老戚的黑科技之SSH隧道技术
  3. python社会网络度与聚类系数的计算(network+原理法)
  4. Java List去重
  5. 神一样的存在者——拉马努金
  6. docker.10-Docker主机集群化方案 Docker Swarm
  7. java创建mysql sche_爱可生详解MySQL|入门必看DBLE中间件使用指南第一章:初识DBLE...
  8. Proteus 8.9原理图转换为PCB图
  9. python自动化键盘_使用Python进行鼠标和键盘自动化?
  10. 如何完整的做一个web项目,进阶篇(1)JSP学习