Как установить пакет moment.js и использовать ее в приложении Ionic? - PullRequest
Новая
       10

Как установить пакет moment.js и использовать ее в приложении Ionic?

0 голосов
/ 12 октября 2018

Как установить пакет moment.js в приложение, созданное с помощью Ionic Framework.И как использовать его в приложении, как в файлах .ts, так и в файлах .html?

1 Ответ

0 голосов
/ 12 октября 2018

Это простое руководство о том, как установить пакет 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, а также методыпакет moment, поскольку пакет 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 в вашем файле TypeScript следующим образом (например) 

// 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 в вашем Ionicпросмотреть файл (html-файл) следующим образом: (например) 

<p>Order Placed at: {{ momentjs(order.created_at).tz('Africa/Cairo').format('DD-MM-YYYY @ hh:mm a') }}</p>

. Здесь будет отображаться дата и время в соответствии со спецификацией.d часовой пояс и в указанном формате.

...