如何安装moment.js软件包并在Ionic应用程序中使用它?

时间:2018-10-12 00:43:01

标签: javascript ionic-framework momentjs

如何将moment.js软件包安装到使用Ionic框架构建的应用程序中。以及如何在应用程序中.ts文件和.html文件中使用它?

1 个答案:

答案 0 :(得分:2)

这是有关如何安装moment.js软件包以及如何在Ionic应用程序中使用打字稿文件和视图(html)文件的软件包的简单指南。

安装moment.js软件包

npm install moment --save-prod


安装moment-timezone软件包

npm install moment-timezone --save-prod


将程序包导入TypeScript文件的顶部

import * as moment from 'moment-timezone';

请注意,我们导入的是moment-timezone软件包,而不是moment软件包,因为这样我们就可以使用moment-timezone软件包的方法以及{{1} }软件包,因为moment软件包会导出它们。


将其添加到TypeScript文件的类中声明的属性或变量中

moment-timezone


像这样在您的TypeScript文件中使用export class ClassName { // "momentjs" is a name of my choice, you can name it as you like momentjs: any = moment; //.. //.. } (例如)

moment.js


在您的离子视图文件(html文件)中使用// Set the default timezone to UTC // More info about moment timezone: http://momentjs.com/timezone/docs this.momentjs.tz.setDefault('UTC'); // Current datetime according to the default timezone (UTC as determined above) let currentDateTime = this.momentjs().format('YYYY-MM-DD HH:mm:ss ZZ'); console.log(currentDateTime); // A specific datetime according to a specific timezone ('Africa/Cairo' in this example) other than the default one (UTC as determined above) let dateTimeAccordingToAnotherTimezone = this.momentjs('2018-10-15 15:59:59').tz('Africa/Cairo').format('DD-MM-YYYY @ hh:mm a ZZ'); console.log(dateTimeAccordingToAnotherTimezone); (例如)

moment.js

这将根据指定的时区和指定的格式显示日期和时间。