Angular 2 shortTime and date pipe giving iccorect date and time

chakraveer · July 18, 2016, 2:50am

{{item.AppFromTimeSlot|date:'dd MMM yyyy '}}
{{item.AppFromTimeSlot|date}}

Above two format gives one day ahead date if time part is after 12 pm

{{item.AppFromTimeSlot|date:'shortTime'}}

It gives AM instead of PM if time part is after that 12 pm

mhartington · July 18, 2016, 7:18pm

The date pipe uses the internationalization API, which is still in beta, so it is not well supported everywhere.
You’re probably better off using momentJs and creating your own pipe for this.

github.com

mhartington/phillyete2016/blob/master/app/pipes/pipes.ts#L41


        if ((typeof item[key] === 'string' || item[key] instanceof String) &&
          (item[key].indexOf(args[0]) !== -1)) {
          return true;
        }
      }
    });
  }
}
}


@Pipe({ name: 'moment' })
export class MomentPipe {
transform(value, args) {
  value = value + '';
  args = args + '';
  return moment(value).format(args)
}
}

github.com

mhartington/phillyete2016/blob/master/app/pages/session-detail/session-detail.html#L19


  </ion-buttons>
</ion-navbar>


<ion-content padding class="session-detail">
<ion-card>
  <ion-card-header>
    {{session.name}}
  </ion-card-header>
  <ion-card-content>
    
    <h4>{{session.start_time | moment:'dddd, h:mma'}} - {{session.end_time| moment:'h:mma'}}</h4>
    
    <p [innerHtml]="session.description | markdown"></p>
    
    <h3 [class]="session.track| lowercase ">{{session.track}}</h3>
  </ion-card-content>
</ion-card>
</ion-content>