vue2.0有关时间戳 时间的公共方法(YYYY-MM-DD HH:mm:ss,YYYY-MM-DD,HH:mm:ss,转化为 utc 时间,utc转标准时间,相对时间,日/月/年 时:分:秒)
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 * 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转标准时间,相对时间,日/月/年 时:分:秒)相关推荐
- 时间戳格式化为正常时间 (年-月-日 时:分:秒)
时间格式化 做项目的时候往往后台返回的时间数据不是我们想要的形式 如 (年-月-日 时:分:秒) 那要自己写代码来转换格式 下面代码可以快速格式化时间,建议收藏 代码如下 let time = '20 ...
- [转载] 用python 获取当前时间(年-月-日 时:分:秒),并且返回当前时间的下一秒
参考链接: Python获取当前时间 获取当前时间,并且返回当前时间的下一秒 因为存在年-月-日 时:分:秒 考虑到用split的方法做的话非常麻烦 所以引入time和datetime模块 当然 也可 ...
- 用python 获取当前时间(年-月-日 时:分:秒),并且返回当前时间的下一秒
获取当前时间,并且返回当前时间的下一秒 因为存在年-月-日 时:分:秒 考虑到用split的方法做的话非常麻烦 所以引入time和datetime模块 当然 也可以改写成输入一个时间 代码实现 imp ...
- Excel计算将时间字符串转换为时间格式 年-月-日 时:分:秒 且计算时间差得到 时分秒 格式
Excel计算时间差时分秒 今天数据导出处理的时候碰见一个时间格式问题如下: 这个日期数据从数据库里导出来就是字符串了,由于取出来的还有一些很长的编码形式的字段怕被隐没,所以将数据粘贴之前我将exce ...
- js将当前时间格式化为年-月-日 时:分:秒
利用js的Date()对象,将系统当前时间格式化为年-月-日 时:分:秒.也可以自己定义格式.(做项目时遇到这个问题.本来想百度一个用,哎,网上的结果太乱了,于是自己写一个) 代码如下: <!D ...
- 汇编语言:以“年/月/日 时:分:秒”的格式,显示当前的日期、时间。
题目:访问cmos ram,用汇编语言编程,以"年/月/日 时:分:秒"的格式,显示当前的日期.时间. 我编写的程序是用直接写显存的方式,在屏幕中间显示系统的当前时间. 但是,有两 ...
- Python 获取当前时间 年-月-日-时-分-秒
Python Version (使用版本): Python 3.7.0 (v3.7.0:1bf9cc5093, Jun 27 2018, 04:06:47) [MSC v.1914 32 bit (I ...
- 原生JS实现拿到的时间戳“毫秒/秒”转为“时:分:秒”形式的效果
在日常编程中,我们向后台数据,请求的可能是视频或者音乐的接口,后端返回给我们的数据中可能是视频或音乐的时长,通常都会给我们返回一个时间戳形式的字符.比如1454646毫秒或者秒.这个时候我们就需要把这 ...
- 根据时间戳计算具体持续时间(天 时 分 秒)
c_continueDateTime(timeStamp){// 根据时间戳计算具体持续时间,天 时 分 秒let totalTime = timeStamp;console.log(totalTim ...
最新文章
- 机器人编程语言python-机器人行业,10大流行编程语言对比
- 部署和调优 1.5 vsftp部署和优化-1
- mysql的事物隔离级别
- 第一百二十六期:代码以外的生存之道,献给每位入了坑的码农
- 小程序json字符串取值问题,怎么取出来的是undefined,eval函数不能用?
- SharePoint Designer - View
- 如何通过系统信息查看 Mac 上的显示刷新率?
- Java中的JSON解析
- java写万年历_Java 实现万年历总结
- M6(面试)-01-牛客网Java面试题集锦
- 华为数通HCIA笔记——路由基础
- 3DES加密(iOS,Android,Java)
- python爬取网易云音乐评论分析_Python爬取网易云音乐评论(附加密算法)
- Laravel数据库之Seeding
- Python负数除法取余操作
- 培训机构要不要去 适合谁去
- ui培训学校哪个比较好?
- 51单片机(四).C51编程语言
- BFC到底是什么?IFC、GFC、FFC?
- python画螺旋状图形教程_Python实现的绘制三维双螺旋线图形功能示例
热门文章
- 高性能集群软件keepalived
- 老戚的黑科技之SSH隧道技术
- python社会网络度与聚类系数的计算(network+原理法)
- Java List去重
- 神一样的存在者——拉马努金
- docker.10-Docker主机集群化方案 Docker Swarm
- java创建mysql sche_爱可生详解MySQL|入门必看DBLE中间件使用指南第一章:初识DBLE...
- Proteus 8.9原理图转换为PCB图
- python自动化键盘_使用Python进行鼠标和键盘自动化?
- 如何完整的做一个web项目,进阶篇(1)JSP学习