Преобразование метки времени в формат даты - PullRequest
Новая
       10

Преобразование метки времени в формат даты

0 голосов
/ 20 сентября 2018

По сути, я хочу отформатировать временную метку для отображения читаемых дат.В настоящее время я получаю метку времени, подобную этой:

2018-10-10T05: 00: 00.000Z

Что я хочу сделать, это: 2018-10-10 05: 00 PM

Вот как я запрашиваю документ, содержащий объект с отметкой времени: 

 ListarConsultas(){
    var query = firebase.firestore().collection("agendaMedicos")
    var auxint = 0;
    this.dataAux
    let auxString = '[';
    //db.collection('Agenda').where("Documento.id", "==", '1').get().then(res => {
    query.where('Deletado', '==', false).get().then(res => {
      res.forEach(item => {

        auxint++;
        auxString += '{"id":"' + item.id + '","agendaMedicos":' + JSON.stringify(item.data()) + '}';
        console.log(item);
        if (res.size != auxint)
          auxString += ', ';
      })
      auxString += ']';
      this.dataJSON = JSON.parse(auxString);
      console.log(auxString);

      console.log(this.dataJSON);
    }).catch(err => {
      console.log('Ocorreu um erro ' + err);
    });
  }

Как я делаю, чтобы отобразить его в HTML 

<ion-content padding>
    <div padding-top class="card" *ngFor="let data of dataJSON">
        <div class="card__consulta avaliar">
            <div class="card__consulta--header">
                <h3>Consulta em cardiologia - {{data?.agendaMedicos?.Documento?.Especialidade}}</h3>
                <span>Cardiologia</span>
            </div>
            <div class="card__consulta--content">
                <span>Atendimento realizado em: {{data.agendaMedicos.Documento.HoraFim}}</span>
            </div>
            <ion-row align-items-center class="card__consulta--footer">
                <ion-col>
                    <span>Código de confirmação:</span>
                    <strong>99887</strong>
                </ion-col>
                <ion-col col-5 center text-center>
                    <button class="btn btn-outline-secondary">
                        Avaliar
                    </button>
                </ion-col>
            </ion-row>
        </div>
    </div>
</ion-content>

1 Ответ

0 голосов
/ 26 сентября 2018

надеюсь, что это решение работает для вас.Я думаю, что многие методы, определенные здесь, почти как изобретение колеса, так как я знаю библиотеки, которые могут просто форматировать даты на основе строки форматирования.

//dateString will take values like '2018-10-10T23:00:00.000Z'
function computeDateString(dateString) {
    var input = new Date(Date.parse(dateString))
    var padder = function (val) {
        return pad(val)
    }
    var time = [format12Hour(input.getHours()), input.getMinutes(), input.getSeconds()].map(padder).join(':')
    var date = [input.getMonth(), input.getDate(), input.getFullYear()].map(padder).join('-')
    return [date, time, getAMPM(input.getHours())].join(' ')
}

function pad(val) {
    return (val < 10) ? '0' + val : val
}

function format12Hour(val) {
    var val = (val+1) > 12 ? val-12:val
    return val === 0? 12:val
}

function getAMPM(val) {
    return val > 12 ? 'PM':'AM'
}
//prints 09-10-2018 10:30:00 AM
console.log(computeDateString('2018-10-10T23:00:00.000Z'))

Надеюсь, это поможет.

...