Как отобразить текущее местное время в 12-часовом формате при вводе ionic dateTime

avatar
d-shall
8 апреля 2018 в 04:05
755
1
0

компонент:

pickupTime: string = ’ ’

this.pickupTime = moment().format(‘LT’);

console.log(‘pickup TIme’, this.pickupTime);

 //display time in format 9:30 AM

или

pickupTime = new Date.toLocaleTimeString() //display time in format 9:30 AM

Время не отображается в pickupTime, если оно не отформатировано в

toISOString() 
example: pickupTime = new Date.toISOString()  

Источник
d-shall
8 апреля 2018 в 04:11
0

<ion-datetime formControlName = «pickUpTime» class = «input-box» displayFormat = «h: mm a» pickerFormat = «h: mm a» [(ngModel)] = «pickupTime» type = «time»>

Ответы (1)

avatar
Shubham Shukla
8 апреля 2018 в 04:54
0

В Ionic framework значения даты и времени в виде строки используют стандартизированный формат даты и времени ISO 8601. Чтобы отформатировать текущую дату и время для определенного часового пояса, рекомендуется использовать moment.js, библиотеку javascript с открытым исходным кодом. Пожалуйста, обратитесь к этой ссылке в документации.

 moment(new Date().toISOString()).locale('es').format();
d-shall
9 апреля 2018 в 03:06
0

Благодарю. Теперь время отображается на входе dateTime. Однако мой сервер API теперь отвечает сообщением об ошибке, что требуется время. Эта проблема заключается в том, что форма не распознает значение ввода dateTime при отправке. Я также вижу значение времени в объекте формы перед его отправкой. pickUpTime: "2018-04-08T09:00:52-04:00"

Shubham Shukla
9 апреля 2018 в 04:40
0

@d-shall Я не уверен, что это проблема форматирования, но если это так, попробуйте использовать допустимые форматы даты и времени, такие как: moment(new Date().toISOString()).locale('es').format('MM/ ДД/ГГГГ чч:мм');

d-shall
10 апреля 2018 в 04:46
0

Ionic dateTime не отображается в формате this.pickupTime = moment(new Date().toISOString()).locale('es').format('h:mm a'); <ion-datetime formControlName="pickUpTime" class="input-box" displayFormat="h:mm a" pickerFormat="h:mm a" [(ngModel)]="pickupTime" type="text"></ion -дата/время>