前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Angular中关于时间的操作总结

Angular中关于时间的操作总结

作者头像
易兒善
发布2018-08-21 15:33:17
1.7K0
发布2018-08-21 15:33:17
举报
文章被收录于专栏:挖坑填坑挖坑填坑

创建时间

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

new Date()

代码语言:javascript
复制
    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));//指定年月日等

结果

如果要创建一个时间为当日的日期不包含时间的值

代码语言:javascript
复制
 console.log(new Date(new Date().toLocaleDateString()));

结果

时间计算

通常可以转换成时间戳的方式进行计算

代码语言:javascript
复制
    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

时间转换

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

代码语言:javascript
复制
    console.log(new Date().toTimeString());
    console.log(new Date().toLocaleDateString());
    console.log(new Date().toDateString());
    console.log(new Date().getTime());

和想要的有点不一样

Angular 自带的时间管道

代码语言:javascript
复制
<p>现在的时间是{{today | date:'yyyy-MM-dd HH:mm:ss'}}</p>

image.png

第三方插件

moment.js

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

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

node上时间

本地系统显示时间

本地时间

发送前控制台打印出来

发送前控制台打印出来

浏览器网络中监测显示

浏览器网络中监测显示

解决方案

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

代码语言:javascript
复制
    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'); 关于更多用法可以参考官网

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.03.23 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 创建时间
  • 时间计算
  • 时间转换
  • Angular 自带的时间管道
  • 第三方插件
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档