24 hour date format does not work

Problem

The date pipe does not respect the 24 hour format (it always shows 12 hours format)

Context

Verified on iOS emulator / 9.1

• tns-core-modules: 2.3.0
• tns-ios: 2.3.0

How to reproduce it

• Create a sample application (tns create Sample --ng) and for example introduce the same: app.component.ts:

import {Component} from "@angular/core";

@Component({
    selector: "my-app",
    templateUrl: "app.component.html",
})
export class AppComponent {
    public myDate = new Date("Tue Nov 15 2016 21:02:49 GMT-0300 (UYT)");
    ...
}

app.component.html

<StackLayout>
    ...
    <Label [text]="myDate | date:'d/MMM/yy H:m'"></Label>
    <Label [text]="myDate | date:'d/MMM/yy j:m'"></Label>
</StackLayout>

You should see H:m uses 12 hours format instead of 24, check out the screenshot:

Verified on plain angular just in case and it does work:

[sanidz]

Solution is really simple, just use ‘HH’ for 24hour format and ‘hh’ for 12. {{"field | date: 'HH.mm'" }}

@shaikhspear16 For custom formats just use multiple interpolations like… {{myDate | date: 'dd'}}/{{myDate | date: 'MM'}}

[ignaciolarranaga]

Hi @NickIliev, I might not explain it clearly, if you place this: <Label [text]="myDate | date:'d/MMM/yy H:m'"></Label> It doesn’t show a 24 hour format, but instead the hour in 12 hour format but without the AM/PM

I also include in the same example the other format: <Label [text]="myDate | date:'d/MMM/yy j:m'"></Label> to show that the variable actually has the right value (21:02)