怎么在 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/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值