Question

我正在使用owlDateTime datepicker。“ https://www.npmjs.com/package/ng-pick-datetime”。这是slackblitz链接。“ https://stackblitz.com/github/DanielYKPan/owl-examples/tree/date-time-picker?file=src%2Fapp%2Fbasic%2Fbasic.component.html”。

从选择器中我获得了这样的价值：“ 2019年1月8日星期二20:14:45 GMT + 0530（印度标准时间）”，但我想以这种格式显示它“ 08/01/2019 20:14“ 。

 <label class="example-input-wrapper">
        Date Time:
        <input placeholder="Date Time:"
               [(ngModel)]="dateTime"
               [owlDateTimeTrigger]="dt" [owlDateTime]="dt">
        <owl-date-time #dt></owl-date-time>
    </label>

    <h4>Value From Picker: {{dateTime}}</h4>

此行中的“来自选择器的值：{{dateTime}}”正在像“星期二2019年1月8日20:14:45 GMT + 0530（印度标准时间）”那样获得价值。但是在输入字段中以这种格式显示为“ 1/8/2019，8:25 PM”。

但是我想以24小时格式显示。

任何人都可以帮助我如何使用Angular 6做到这一点。我进行了很多搜索，但没有找到任何解决方案。请帮帮我。

Answer 1

有两种方法可以将日期和时间转换为任何格式

1。使用angular2-moment：

仅供参考：[https://www.npmjs.com/package/angular2-moment][1]

第二种方法是使用角度为6的日期管道

如何转换owlDateTime选择器格式

1 个答案: