300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > vue2.0有关时间戳 时间的公共方法(YYYY-MM-DD HH:mm:ss YYYY-MM-DD HH:mm:ss 转

vue2.0有关时间戳 时间的公共方法(YYYY-MM-DD HH:mm:ss YYYY-MM-DD HH:mm:ss 转

时间:2021-08-24 19:00:18

相关推荐

vue2.0有关时间戳 时间的公共方法(YYYY-MM-DD HH:mm:ss YYYY-MM-DD HH:mm:ss 转

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转标准时间 相对时间 日/月/年 时:分:秒)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。