使用管道将日期格式化为dd/MM/yyyy

我正在使用日期管道来格式化我的日期，但如果没有解决方案，我就无法得到我想要的确切格式。我理解管道是错误的还是不可能的?

//our root app component
import {Component} from 'angular2/core'

@Component({
  selector: 'my-app',
  providers: [],
  template: `
    <div>
      <h2>Hello {{name}}</h2>
      <h3>{{date | date: 'ddMMyyyy'}}, should be 
      {{date | date: 'dd'}}/{{date | date:'MM'}}/{{date | date: 'yyyy'}}</h3>

    </div>
  `,
  directives: []
})
export class App {
  constructor() {
    this.name = 'Angular2'
    this.date = new Date();
  }
}

plnkr view)

当前回答

如果有人在看时间和时区，这是给你的

 {{data.ct | date :'dd-MMM-yy h:mm:ss a '}}

在日期和时间格式的末尾添加z表示时区

 {{data.ct | date :'dd-MMM-yy h:mm:ss a z'}}

2018-06-13 07:22:11

其他回答

更新:

鉴于Moment.js已弃用，这个答案不再有效。目前，当我必须格式化一些日期，根据任务，我使用Javascript date或date-fns是一个很好的替代Moment.js日期计算(添加或删除日期，等等…)

不要用这个:

import { Pipe, PipeTransform } from '@angular/core'
import * as moment from 'moment'

@Pipe({
   name: 'formatDate'
})
export class DatePipe implements PipeTransform {
   transform(date: any, args?: any): any {
     let d = new Date(date)
     return moment(d).format('DD/MM/YYYY')
      
   }
}

在视图中: {{date | formatDate}}

2016-09-14 19:44:36

如果有人在看时间和时区，这是给你的

 {{data.ct | date :'dd-MMM-yy h:mm:ss a '}}

在日期和时间格式的末尾添加z表示时区

 {{data.ct | date :'dd-MMM-yy h:mm:ss a z'}}

2018-06-13 07:22:11

在我的例子中，我使用的是格式为dd/MM/yyyy的日期字符串，并试图将其转换为不同的格式。

这个错误让我震惊。

在谷歌搜索之后，我发现日期字符串应该是iso认可的格式。

2022-08-29 07:36:12

角:8.2.11

<td>{{ data.DateofBirth | date }}</td>

1973年6月9日

<td>{{ data.DateofBirth | date: 'dd/MM/yyyy' }}</td>

输出:09/06/1973

<td>{{ data.DateofBirth | date: 'dd/MM/yyyy hh:mm a' }}</td>

输出:09/06/1973上午12:00

2019-10-26 06:30:51

这对一些人来说可能很明显，但如果你想要这种日期格式

01.07.2022(在德国很常见)

你可以简单地这样做:

{{ myDate | date: "dd.MM.yyyy" }}

2022-07-14 15:19:29

使用管道将日期格式化为dd/MM/yyyy

推荐文章

最新文章

标签