Vue.js----date与时间戳的转换(unixTime)Moment.js让日期处理变得更简单
当前日期格式化
let curTime = moment().format('YYYY-MM-DD HH:mm:ss')
console.log('当前日期时间curTime:' + curTime)//curTime:2019-01-30 10:21:11
指定日期格式化
let a = '20190130'
let aFormat = moment(a).format('YYYY-MM-DD')
console.log('aFormat:' + aFormat)//aFormat:2019-01-30
日期操作
//距离当前时间:七天
let sevenDaysAgo = moment().subtract(7, 'days').format('YYYY-MM-DD')
console.log('sevenDaysAgo:' + sevenDaysAgo)//sevenDaysAgo:2019-01-23 //距离当前时间:一周
let oneWeekAgo = moment().subtract(1, 'weeks').format('YYYY-MM-DD')
console.log('oneWeekAgo:' + oneWeekAgo)//oneWeekAgo:2019-01-23 //距离当前时间:三个月
let threeMonthsAgo = moment().subtract(3, "months").format("YYYY-MM-DD")
console.log('threeMonthsAgo:' + threeMonthsAgo)//threeMonthsAgo:2018-10-30 //距离当前时间:一年
let oneYearAgo = moment().subtract(1, "years").format("YYYY-MM-DD")
console.log('oneYearAgo:' + oneYearAgo)//oneYearAgo:2018-01-30
减法,对应于:subtract()方法
加法,对应于:add()方法
根据身份证号码获得周岁年龄
let idCardNumber = '234567199302019929'
let birthday = idCardNumber.slice(6, 14)
console.log('出生日期:' + birthday)//出生日期:19930201
console.log('当前日期:' + moment().format("YYYY-MM-DD"))//当前日期:2019-01-30
let age = moment().diff(moment(birthday), 'years')
console.log('周岁年龄:' + age)//周岁年龄:25
日期与时间戳之间的转换
当涉及到日期的时间轴拖拽,那么通常需要把日期转换成时间戳来进行操作 //将日期转换成时间戳
//moment().valueOf()
//new Date().getTime()
//Date.parse(new Date()) let timestamp1 = moment().unix();
let timestamp2 = moment().valueOf();
let timestamp3 = new Date().getTime();
let timestamp4 = Date.parse(new Date()); //将时间戳转换成日期 moment(时间戳).format() let timestampToDate1 = moment(timestamp1).format("YYYY-MM-DD");
let timestampToDate2 = moment(timestamp2).format("YYYY-MM-DD");
let timestampToDate3 = moment(timestamp3).format("YYYY-MM-DD");
let timestampToDate4 = moment(timestamp4).format("YYYY-MM-DD"); console.log('timestamp1:' + timestamp1);//timestamp1:1550657032
console.log('timestamp2:' + timestamp2);//timestamp2:1550657032279
console.log('timestamp3:' + timestamp3);//timestamp3:1550657032279
console.log('timestamp4:' + timestamp4);//timestamp4:1550657032000 console.log('timestampToDate1:' + timestampToDate1);//timestampToDate1:1970-01-19
console.log('timestampToDate2:' + timestampToDate2);//timestampToDate2:2019-02-20
console.log('timestampToDate3:' + timestampToDate3);//timestampToDate3:2019-02-20
console.log('timestampToDate4:' + timestampToDate4);//timestampToDate4:2019-02-20
由上面的案例测试可知:
- moment().unix() 获得的时间戳单位为秒
- moment().valueOf() 等同于 new Date().getTime() 获得的时间戳单位为毫秒
- Date.parse() 得到的值是以毫秒为单位的,且后三位默认为0,即不具体到毫秒
- 如果想将时间戳转化为日期,moment的参数必须是毫秒为单位的,它就是识别为毫秒的,如果不是的话,会使结果出错
Vue.js----date与时间戳的转换(unixTime)Moment.js让日期处理变得更简单的更多相关文章
- EpiiAdmin 开源的php交互性管理后台框架, 让复杂的交互变得更简单!Phper快速搭建交互性平台的开发框架,基于Thinkphp5.1+Adminlte3.0+Require.js。
EpiiAdmin EpiiAdmin php开源交互性管理后台框架,基于Thinkphp5.1+Adminlte3.0+Require.js, 让复杂的交互变得更简单!Phper快速搭建交互性平台的 ...
- js时间与时间戳互相转换
var _time1 = Date.parse(new Date(‘2017-05-02 00:00:00’))/1000; //将设定的日期转换为时间戳 _time1 = getLocalTime( ...
- js 时间与时间戳的转换
一:时间转时间戳:javascript获得时间戳的方法有四种,都是通过实例化时间对象 new Date() 来进一步获取当前的时间戳 1.var timestamp1 = Date.parse(n ...
- JS时间和时间戳的转换
时间转为时间戳 timeToTimestamp(time){ let timestamp = Date.parse(time) return timestamp; } 时间戳转为本地时间 timest ...
- Console命令详解,让调试js代码变得更简单
Firebug是网页开发的利器,能够极大地提升工作效率. 但是,它不太容易上手.我曾经翻译过一篇<Firebug入门指南>,介绍了一些基本用法.今天,继续介绍它的高级用法. ======= ...
- [转] Console命令详解,让调试js代码变得更简单
http://www.cnblogs.com/see7di/archive/2011/11/21/2257442.html Firebug是网页开发的利器,能够极大地提升工作效率. 但是,它不太容易上 ...
- Firebug控制台详解,让调试js代码变得更简单
http://www.open-open.com/lib/view/open1373120100347.html Firebug是网页开发的利器,能够极大地提升工作效率. Firebug控制台详解 控 ...
- 【js Date】时间字符串、时间戳转换成今天,明天,本月等文字日期
作为前端开发攻城师,难免对时间进行各种计算和格式转换,一个js的Date对象统统可以搞定.下例是将一个具体的时间转换成今天.明天.几天之内.本月等文字描述的日期的工具函数,也可以基于它扩展,多应用于网 ...
- js 时间戳 vue 时间戳的转换 ?
在没有用vue做项目之前 也遇到过戳转换的问题 直接函数 调用 方法 这个也可以写成vue的 把function去掉 formatDate后面加冒号 就可以了 当然这个不是原创 但是是谁的我忘记了 ...
随机推荐
- log4j file 路径
默认以System.getProperty("user.dir")为准 用LOGGER.warn(System.getProperty("user.dir")) ...
- LNMP环境搭建最好用的两种方法(亲测)
经历了一个PHP服务器项目,手动编译部署PHP,Swoole环境太让人郁闷了,所以尝试过两种不错的方法,分享出来方便同样经历痛苦的coder. 第一种方式: 安装LNMP按照这里的步骤执行,网址戳我 ...
- IDEA创建springboot异常(Failed to load class "org.slf4j.impl.StaticLoggerBinder")
IDEA中创建springboot项目遇到的问题 SLF4J: Failed to load class "org.slf4j.impl.StaticLoggerBinder". ...
- linux中awk 详解
一.awk简介 awk是一个非常好用的数据处理工具,相对于sed常常作用于一整个行的处理,awk则比较倾向于一行当中分成数个[字段]处理,因此,awk相当适合处理小型的数据数据处理.awk是一种报表生 ...
- 配置最漂亮的PyCharm界面,Python程序员必备!
高逼格超美的IDE界面,是每个程序员的梦想! 随着人工智能/机器学习的兴起,Python作为一门“漂亮的语言”,再次获得广大程序员的关注.而JetBrains出品的PyCharm无疑是最好用的Pyth ...
- 【ABAP系列】SAP ABAP基础-程序优化及响应速度之LOOP
公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[ABAP系列]SAP ABAP基础-程序优化及 ...
- 边界安全 - CDN/DMZ/网络协议
CDN 工具 - LuManager CDN DMZ 网络协议 - DNS Win7下搭建DNS服务器 - BIND 根域 顶级域(即相关国家域名管理机构的数据库,如中国的CNNIC) com n ...
- HTML设置<table>的<td>横跨3列
第一步:html中 <table> <tr> <td>列一</td> <td>列二</td> <td>列三</ ...
- Docker配置远程访问
近来学习Docker部署微服务,需要配置Docker的远程访问,由于实际环境和学习资料有出入,尝试着根据网上搜索的一些相关资料进行配置,未能成功.最终通过自己摸索,成功配置Docker远程访问.现和大 ...
- Codeforces 1080C 题解(思维+二维前缀和)
题面 传送门 题目大意: 有一个黑白的棋盘,现在将棋盘上的一个子矩形全部染成黑色,另一个子矩形全部染成白色 求染完色后黑,白格子的总数 分析 我们可以发现,对于一个(1,1)到(x,y)的矩形,若xy ...