vue 获取时间戳对象转换为日期格式
2018-07-08 18:14
1051 查看
//1. 简单页面展示用
<template> <!-- time为时间戳 --> <div>{{time | formatDate}}</div> <!-- 结果为 2018-01-23 18:31:35 --> </template> export default { data() { return { time: 1516703495241 }; }, filters: { formatDate: function (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; } } }
2. 复杂业务使用 moment.js
安装: cnpm install moment --save
vue中使用:
import moment from 'moment' <div>{{dateBegin | formatDate}}</div> filters: { formatDate: function (value) { return moment(value).format('YYYY-MM-DD') } }, submit() { console.log(moment(this.dateBegin).format('YYYY-MM-DD')) }
相关文章推荐
- js的Date对象,js对日期的转换,获取当前的时间
- JAVA,jsp,oracle获取系统当前时间以及日期格式转换!
- mysql获取日期(将时间戳转换成短日期格式)
- js获取当前时间,并将标准日期格式转换成Long型
- Js获取当前日期时间、比较及正则表达式转换格式
- 日期格式和时间戳相互转换 外带一个获取当前程序根目录
- iOS 获取系统时间以及时间与日期格式互相转换
- 前台js获取到后台json数据,eval解析json后,日期(object)对象转换为date日期格式显示
- android 日期时间格式转换;软键盘显示消失;获取系统title
- js中使用eval()方法将字符串转换成日期格式、并获取指定时间的日期
- 秒转换成日期/秒转换成时间格式获取当前时间,日期
- android 日期时间格式转换;软键盘显示消失;获取系统title
- vue-cli项目中将时间戳的日期格式转换成年月日(时分秒)
- js动态获取当前系统时间+js字符串转换为date日期对象
- sql中时间日期操作(时间日期函数,时间日期格式,时间日期转换参数,时间日期比较,时间日期计算)
- JS将时间戳转换成日期格式
- PHP获取当前时间、时间戳的各种格式写法汇总[日期时间]
- Java中日期时间格式与毫秒数的相互转换
- Java将Unix时间戳转换成指定格式日期字符串工具类
- 转换json格式的日期为Javascript对象的函数