Календарь PrimeNG, как обрабатывать часовые пояса <p-calendar>
У меня возникла проблема при использовании с PrimeNG, когда несколько пользователей используют форму в разных часовых поясах; однако я хочу, чтобы все пользователи for отправляли свой календарь форм в EST. Однако кажется, что когда форма отправляется, независимо от того, какую дату/время они выбирают, она преобразуется в часовой пояс браузера/пользователя. Как это отключено или реализовано? так что, когда форма отправляется через объект JSON, она просто сохраняет один статический часовой пояс (GMT)
Текущий код
Форма HTML
<p-calendar required [(ngModel)] = "entry.reportedDate" name = "reportedDate" #reportedDate = "ngModel" [showIcon] = "true" [showTime] = "true" dateFormat = "mm/dd/y 'EST'" hourFormat = "24"></p-calendar>
json-объект
{"reportedDate": "2019-02-13T15:00:16.000Z"}
Внешний HTML-код
<td style = "border-right:3px solid #a5d891;">{{ m.reportedDate | date: 'EEEE, MMMM d, y, HH:mm'}} EST</td>
Поэтому, когда мой другой пользователь часового пояса использует эту форму, reportDate будет корректироваться в соответствии с их часовым поясом, и я не хочу, чтобы это произошло.
Я просто ОДНА стандартная дата часового пояса, которая передается из объекта json в мой бэкэнд, а затем отображается во внешнем интерфейсе без манипуляций.
Надеюсь, это имеет смысл, спасибо за любую помощь!
Ответы 1
PrimeNG не позволяет указать часовой пояс. Однако вы можете сделать свой собственный расчет, чтобы получить желаемый часовой пояс, и отправить это значение.
Например, вы можете использовать
new Date().getTimezoneOffset(), чтобы получить смещение часового пояса использования, и добавить разницу во времени EST к значению даты.
Кроме того, вы должны использовать <td> {{ m.reportedDate | date: 'EEEE, MMMM d, y, HH:mm':'-500' }} EST </td> для отображения времени в формате EST.