moment.js是一个javascript时间处理类库。它可以将时间搓格式化,使用起来很方便。下面是vue2.0中moment.js的使用步骤:
moment.js可以全局使用,也可以局部使用。
一、全局使用
1、安装
1 npm install moment --save2、在main.js中添加下面的代码
1 import moment from 'moment' 2 Vue.prototype.moment = moment3、在.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 * 1000
return 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
}