【问题标题】:How do I display the current date and time in a form [closed]如何在表单中显示当前日期和时间 [关闭]
【发布时间】:2017-04-14 14:44:42
【问题描述】:

我有一个应该包含当前日期和时间的表单,我应该如何在不使用管道的情况下显示它们?

【问题讨论】:

标签: angular typescript


【解决方案1】:

您可以使用 Angular2 Date Pipe 来显示 JavaScript 日期对象。检查文档(链接)以获取您正在寻找的正确格式。

@Component({
  selector: 'date-pipe',
  template: `<div>
    <p>Today is {{today | date}}</p>
    <p>Or if you prefer, {{today | date:'fullDate'}}</p>
    <p>The time is {{today | date:'jmZ'}}</p>
    <p>Finally the date and time is {{today | date:'short'}}</p>
  </div>`
})
export class DatePipeComponent {
  today: number = Date.now();
}

【讨论】:

  • 在html文件中如何调用?
  • 而不是组件元数据的template 属性,您将使用templateUrl 属性并将值设置为HTML文件的相对路径并将我上面提供的代码放在里面文件。
猜你喜欢
  • 2011-05-21
  • 1970-01-01
  • 2022-01-14
  • 1970-01-01
  • 1970-01-01
  • 2021-03-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多