首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在inputText中设置日期格式

如何在inputText中设置日期格式
EN

Stack Overflow用户
提问于 2020-06-30 23:24:45
回答 2查看 288关注 0票数 0

我正在使用primeng,如何以另一种格式(dd/MM/yyyy)在输入中显示日期:

代码语言:javascript
运行
复制
<label class="col-form-label" >Date</label>
<input type="text" size="30" pInputText [(ngModel)]="object.dateCreation" [readonly]="true" >

object: Object = {
    dateCreation: new Date();
}

下面是日期的显示方式:

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-06-30 23:35:31

您可以使用Angular DatePipe

要在HTML中显示:

{{dateCreation | date: 'dd/MM/yyyy'}}

为了将数据发送到后端,需要注入它的依赖项,例如

代码语言:javascript
运行
复制
providers :[DatePipe]

constructor(private datePipe:DatePipe) {}

现在,使用可用的方法转换日期:

代码语言:javascript
运行
复制
this.datePipe.transform(this.dateCreation, 'dd/MM/yyyy');
票数 1
EN

Stack Overflow用户

发布于 2020-06-30 23:31:04

您应该这样应用管道:

代码语言:javascript
运行
复制
<input type="text" size="30" pInputText [ngModel]="object.dateCreation | date : 'medium" (ngModelChange)="object.dateCreation = $event" [readonly]="true">
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62660875

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档