怎么在 Angular 8 中使用 Momentjs

怎么在 Angular 8 中使用 Momentjs

本文中,我们将讨论如何添加 moment.js 到 Angular 2+ (Augualr 8+)中,以及如何使用日期和时间模块 moment.js 。

moment.js 是一个轻量级的 JavaScript 日期库,用于解析、验证、操作和格式化日期。

在 Angular 8应用程序中需要添加矩 js 的两个简单步骤:

  1. 在你的应用中安装 Moment
npm install moment --save
  1. 在 TypeScript 文件 (Angular ts 组件) 中导入 moment
    在你的 ts 文件中导入和使用:
import * as moment from 'moment';

语言环境导入

使用moment.locale ,你首先需要导入你的目标语言:

import * as moment from 'moment';
import 'moment/locale/pt-br';

console.log(moment.locale()); // en
moment.locale('fr');
console.log(moment.locale()); // en
moment.locale('pt-BR');
console.log(moment.locale()); // pt-BR

举个例子

import * as moment from 'moment';
import 'moment/locale/pt-br';

export class MomentDemo {

    test() {
        const date = moment();
        let dateInFormat = date.format('YYYY.M.D');
        console.log(dateInFormat);
    }

    localeTest() {
        console.log(moment.locale()); // en
        moment.locale('fr');
        console.log(moment.locale()); // en
        moment.locale('pt-BR');
        console.log(moment.locale()); // pt-BR
    }
}

参考资料
https://momentjs.com/docs/

©️2020 CSDN 皮肤主题: 程序猿惹谁了 设计师:上身试试 返回首页