如何将moment.js
软件包安装到使用Ionic框架构建的应用程序中。以及如何在应用程序中.ts
文件和.html
文件中使用它?
答案 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
这将根据指定的时区和指定的格式显示日期和时间。