Форматирование значения времени на Ionic 3

Question

Мне нужно найти способ форматирования времени, я пробовал с угловой трубой, но это работает со значениями типа даты.

Мне нужно иметь возможность удалить секунды до значений показанных часов, например:

1: 45: 00 изменить на 13:45 или 13:45. M.

Answer 1

Если ваша дата является экземпляром Дата , вы можете использовать встроенную угловую трубу даты с предопределенным форматом shortTime или пользовательским форматом:

<p> {{date | date:'shortTime'}} </p>

<p> {{date | date:'hh:mm'}} </p>

shortTime эквивалентно 'h:mm a' и будет давать результаты, например, 9:03.

Пользовательский формат 'hh:mm' будет выдавать результаты, такие как 09: 03.

---

Если ваша дата - просто строка, вы можете использовать встроенную трубу среза , чтобы удалить части, от которых вы хотите избавиться:

<p> {{"1:45:00" | slice:0:4}} </p>

Который будет выводить 1:45.

Также смотрите это Stackblitz для различных вариантов.

В любом случае, я бы порекомендовал использовать реальные объекты Date или Moment.js объекты поверх пустых строк, это намного упростит задачу, особенно если вы начнете сравнивать даты или вычислять с датами.

Answer 2

Используйте Moment.js. Здесь вы можете конвертировать в любой формат времени

1 - установка через NPM:

npm install moment -S

2 - Импорт в ваш файл Typescript:

import moment from 'moment';

3 - Используйте в своем файле Typescript:

let dateString = "22-04-2017"; //whatever date string u have
let dateObject = moment(dateString, "DD-MM-YYYY").toDate();

Answer 3

Если это всегда формат, вы можете манипулировать строкой с помощью JavaScript / TypeScript.

  myTime = '1:45:00'

  showTime() {
    var result = 
    this.myTime.substring(
      0, (this.myTime.length - 3) )+ ' pm';
    console.log(result);
  }

Если у вас есть более сложные случаи, вы можете использовать библиотеку, такую ​​как Momentjs. https://momentjs.com/

Здесь вы можете найти то, что вам нужно в документах. https://momentjs.com/docs/#/parsing/string-format/