【问题标题】:How to convert owlDateTime picker format如何转换owlDateTime 选择器格式
【发布时间】:2019-01-09 20:25:18
【问题描述】:

我正在使用 owlDateTime 日期选择器。“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(印度标准时间)但我想以这种格式显示它“ 2019 年 8 月 1 日 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(印度标准时间)”的值。 但在输入字段中,它以“2019 年 1 月 8 日,晚上 8:25”的格式显示。

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

谁能帮助我如何使用 Angular 6 做到这一点。 我已经搜索了很多,但没有得到任何解决方案。请帮助我。

【问题讨论】:

    标签: angular6 datetimepicker datetime-format


    【解决方案1】:

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

    1.使用angular2-moment:

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

    第二种方法是使用 Angular 6 日期管道

    {{ 日期时间 |日期:'dd/MM/yyyy'}}

    【讨论】:

    • 是的,这是有效的,但它在这里工作“

      Value From Picker: {{dateTime}}

      ”。我想在此处选择日期后在输入字段中显示相同的内容“ ".How去做这个。 @mohamed ismail
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-08-20
    • 2018-01-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多