博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Angular中关于时间的操作总结
阅读量:6958 次
发布时间:2019-06-27

本文共 1768 字,大约阅读时间需要 5 分钟。

创建时间

使用new Date(),可以看见有5种构造函数

new Date()

console.log(new Date()); // 当前时间    console.log(new Date('2015-08-12 12:30'));// 字符串    console.log(new Date(12345679));//时间戳    console.log(new Date(2018, 3, 20, 12, 30));//指定年月日等

结果

如果要创建一个时间为当日的日期不包含时间的值
console.log(new Date(new Date().toLocaleDateString()));

结果

时间计算

通常可以转换成时间戳的方式进行计算
const endTime = new Date(new Date().toLocaleDateString());    let d = endTime.valueOf(); // 时间戳    d -= 7 * 24 * 60 * 60 * 1000;    const startTime = new Date(d);    console.log(startTime);    console.log(endTime);    console.log(d);

image.png

时间转换

自身还是有很多方法可以使用的

console.log(new Date().toTimeString());    console.log(new Date().toLocaleDateString());    console.log(new Date().toDateString());    console.log(new Date().getTime());

和想要的有点不一样

Angular 自带的时间管道

现在的时间是{

{today | date:'yyyy-MM-dd HH:mm:ss'}}

image.png

第三方插件

moment.js

这是一个很强大的时间插件,这里用一个应用场景来演示。

nodejs上的时间和我本地的时间总是相差8个小时,这导致我每次发送时间到后台时,nodejs将时间转化成字符串传送出去的时候总是和我服务器上的时间相差8小时。

node上显示出来时间
node上时间
本地系统显示时间
本地时间
发送前控制台打印出来
发送前控制台打印出来

浏览器网络中监测显示

浏览器网络中监测显示

解决方案

nodejs只有在发送时间类型的数据时会进行转换,导致相差8个小时,但是我发送前就将其转换成字符串,就不会造成这样的结果了。

所以对angular的http进行封装,在发送前将body中的时间类型转换成字符串类型

post(url: string, body?: any, params?: any,headers?:any) {        this.begin();        return this.http            .post(url, this.parseBody(body) || null, {                headers:this.parseHeaders(headers),                params: this.parseParams(params)            })    }  parseBody(body: any) {    if (body) {      for (const key in body) {        if (body[key]) {          const _data = body[key];          // 将时间转化为字符串          if (moment.isDate(_data)) {            body[key] = moment(_data).format('YYYY-MM-DD HH:mm:ss');          }        }      }    }    return body;  }

完美解决

其中用到了moment.js 的两个方法,一个时判断是否时时间类型moment.isDate(_data)另一个时转换成字符串moment(_data).format('YYYY-MM-DD HH:mm:ss');

关于更多用法可以参考官网

转载地址:http://temil.baihongyu.com/

你可能感兴趣的文章
socket() failed (13: Permission denied) while connecting to upstream
查看>>
[LeetCode] Valid Square 验证正方形
查看>>
.Net数据库操作
查看>>
第 38 章 CouchBase
查看>>
ls命令 & 文件属性
查看>>
Linux 系统时钟(date) 硬件时钟(hwclock)
查看>>
Nginx配置HTTPS证书网站
查看>>
postgres配置主从流复制
查看>>
【FTP】org.apache.commons.net.ftp.FTPClient实现复杂的上传下载,操作目录,处理编码...
查看>>
如何运行ruby代码
查看>>
微信开发中的消息排重机制实现
查看>>
带你玩转Visual Studio——调用约定__cdecl、__stdcall和__fastcall
查看>>
144.3. cdpr - Cisco Discovery Protocol Reporter
查看>>
线上服务故障处理原则
查看>>
【前端性能】浅谈域名发散与域名收敛
查看>>
Office版本问题0x80029C4A
查看>>
限制容器对CPU的使用 - 每天5分钟玩转 Docker 容器技术(28)
查看>>
VS2013编译python源码
查看>>
Pause/Resume Instance 操作详解 - 每天5分钟玩转 OpenStack(34)
查看>>
CI之旅
查看>>