前言

使用的是Moment.js 插件,插件的安装详情请参考官方网址(https://momentjs.com/)

正文

步骤一:引用import * as moment from 'moment';

步骤二:

1.(TOMO):获取十天前的时间

moment().subtract(10, 'days').toDate();   // 06/30 2018
moment().subtract(10, 'days').calendar();  // 06/30 2018
 
 
2.(TOMO): 时间的格式转换
 
moment().format('LLL');  // July 9, 2018 11:03 PM
moment().format('MMMM Do YYYY, h:mm:ss a');  // July 9th 2018, 11:05:39 pm
 
3(TOMO) : 根据以前的时间计算到现在的时间的时长
例如:现在的时间为2018/7/22 16:45,  以前的时间为2018/7/21 16:37

moment('2018/7/21 16:37').startOf('day').fromNow();   // 计算出来的是指为:2 days ago
moment('2018/7/21 16:37').endOf('day').fromNow();   // 计算出来的时间为:17 hours ago

讲解:endof() 是从 2018/7/21 的24点开始计算的,也就是2018/7/22凌晨开始计算的

           startof() 是从2018/7/20 的24点开始计算的,也就是2018/7/21凌晨开始计算的

以上例中时间为例

moment('2018/7/21 16:37').startOf('year').fromNow();   //结果:7 months ago

moment('2018/7/21 16:37').startOf('day').fromNow();   // 结果:2 days ago

moment('2018/7/21 16:37').startOf('hour').fromNow();  // 结果:a day ago

讲解:startof('year')是从2018年开始,七个月

            startof('day')是从2018/7/21 凌晨开始计算

            startof('hour') 是从 2018/7/21 16点开始计算

以上例中时间为例

moment('2018/7/21 16:37').startOf('year').fromNow();   //结果: 7 months ago

moment('2018/7/21 16:37').endOf('year').fromNow();     //结果: in 5 months

 
后记
如有想使用moment.js 插件,具体的使用方法还请参考官方文档,希望对你有帮助。网址:(https://momentjs.com/)
 

关于Angular中时间戳的计算的更多相关文章

  1. angular源码分析:angular中脏活累活的承担者之$interpolate

    一.首先抛出两个问题 问题一:在angular中我们绑定数据最基本的方式是用两个大括号将$scope的变量包裹起来,那么如果想将大括号换成其他什么符号,比如换成[{与}],可不可以呢,如果可以在哪里配 ...

  2. angular源码分析:angular中各种常用函数,比较省代码的各种小技巧

    angular的工具函数 在angular的API文档中,在最前面就是讲的就是angular的工具函数,下面列出来 angular.bind //用户将函数和对象绑定在一起,返回一个新的函数 angu ...

  3. Angular实现简单数据计算与删除

    AngularJS 1)什么是AngularJS AngularJS 简介 AngularJS 是一个 JavaScript 框架.它可通过 <script> 标签添加到 HTML 页面. ...

  4. Angular中ngCookies模块介绍

    1.Cookie介绍 Cookie总是保存在客户端中,按在客户端中的存储位置,可分为内存Cookie和硬盘Cookie.内存Cookie由浏览器维护,保存在内存中,浏览器关闭后就消失了,其存在时间是短 ...

  5. --关于null在oracle数据库中是否参与计算,进行验证,

    --关于null在oracle数据库中是否参与计算,进行验证,with td as (select null id,1 name from dual ),td1 as ( select null id ...

  6. angular 中父元素ng-repeat后子元素ng-click失效

    在angular中使用ng-repeat后ng-click失效,今天在这个上面踩坑了.特此记录一下. 因为ng-repeat创造了新的SCOPE.如果要使用这个scope的话就必须使用$parent来 ...

  7. angular中的compile和link函数

    angular中的compile和link函数 前言 这篇文章,我们将通过一个实例来了解 Angular 的 directives (指令)是如何处理的.Angular 是如何在 HTML 中找到这些 ...

  8. Deferred在jQuery和Angular中的使用与简单实现

    Deferred在jQuery和Angular中的使用与简单实现 Deferred是在jQuery1.5版本中加入的,并且jQuery使用它完全重写了AJax,以前也只是偶尔使用.但是上次在使用Ang ...

  9. angular源码分析:angular中入境检察官$sce

    一.ng-bing-html指令问题 需求:我需要将一个变量$scope.x = '<a href="http://www.cnblogs.com/web2-developer/&qu ...

随机推荐

  1. orcale 之pl/sql例外

    orcale 中的例外我们可以看作是其他编程语言中的异常,是为了增强语言的健壮性和容错性. 在orcale中常见的有以下几种: No_data_found 很容易理解就是没有数据返回. Too_man ...

  2. 在WPF中如何使用RelativeSource绑定

    在WPF绑定的时候,指定绑定源时,有一种办法是使用RelativeSource. 这种办法的意思是指当前元素和绑定源的位置关系. 第一种关系: Self 举一个最简单的例子:在一个StackPanel ...

  3. C#控制台程序,运行完窗口不退出的方法

    .... static void Main(string[] args){ Console.WriteLine("运行完后不退出窗口"); Console.ReadKey();// ...

  4. 远程服务通讯Service(Remote--AIDL)

    服务端代码:https://github.com/maogefff/AndroidTest/tree/develop-ServiceLocal2 客户端代码:https://github.com/ma ...

  5. PHP的一些语句 if...else...elseif - Switch - while - for

    条件语句用于基于不同条件执行不同的动作 PHP 条件语句 在您编写代码时,经常会希望为不同的决定执行不同的动作.您可以在代码中使用条件语句来实现这一 点. 在 PHP 中,我们可以使用以下条件语句: ...

  6. [转]ASP.NET web API 2 OData enhancements

    本文转自:https://www.pluralsight.com/blog/tutorials/asp-net-web-api-2-odata-enhancements Along with the ...

  7. nuxt.js踩坑之 - SSR 与 CSR 显示不一致问题

    [Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This ...

  8. MVC 手机端页面 使用标签file 图片上传到后台处理

    最近刚做了一个头像上传的功能,使用的是H5 的界面,为了这个功能搞了半天的时间,找了各种插件,有很多自己都不知道怎么使用,后来只是使用了一个标签就搞定了:如果对样式没有太大的要求我感觉使用这个就足够了 ...

  9. javaweb项目中绝对路径的写法理解

    Tomcat的默认访问路径为http://localhost:8080,后需添加项目路径. 请求转发,是转发到本项目中的其他文件,所以在默认访问路径中添加了本项目的项目路径,故可以省略项目名称: re ...

  10. python学习之老男孩python全栈第九期_day022知识点总结——初识面向对象

    一. 面向对象的引入# 人狗大战 def person(name,HP,aggr,sex): person = { 'name':name, # 昵称 'HP':HP, # 生命值 'aggr':ag ...