代码之家 › 专栏 › 技术社区 › Malik Mahsam Awan

角度4中显示的日期落后一个月

angular4-forms primeng asp.net-web-api2 datepicker

1

Malik Mahsam Awan · 技术社区 · 8 年前

角度4中显示的日期落后一个月
启动日历添加 2018-04-30 &显示 {3/30/2018}

Html文件:

<div class="col-md-8 noPadding">
        <p-calendar dataType="date" name="PublishDate" [ngModelOptions]="{utc: 
            'true'}" [ngModel]="resource.PublishDate | date:'yyyy-MM-dd'" 
            (ngModelChange)="resource.PublishDate = $event" showOtherMonths="true" 
            dateFormat="yy-mm-dd" [showIcon]="true"></p-calendar>
</div>

类型脚本:

update() {
                this.loading = true;
                this.publishDate  = this.resource.PublishDate.getMonth() + '-' + this.resource.PublishDate.getDate() + '-' + this.resource.PublishDate.getFullYear();

               this.resource.PublishDate = this.publishDate
                let data = JSON.stringify(this.resource); 


                this.resourceService.putForm('Resource').subscribe((response: any) => {
                    detail: 'Resource is Updated' });
                }, (error: any) => {

                });
            }

1 回复 | 直到 8 年前

1

Malik Mahsam Awan 8 年前

ts:

this.publishDate = this.datePipe.transform(this.resource.PublishDate);

html:

<p-calendar dataType="date" name="PublishDate" [ngModelOptions]="{utc: 
    'true'}" [ngModel]="resource.PublishDate | date:'yyyy-MM-dd'"
       (ngModelChange)="resource.PublishDate = $event" showOtherMonths="true"
          dateFormat="yy-mm-dd" [showIcon]="true">
</p-calendar>

应用程序。单元ts

providers: [
    DatePipe
]

通过使用角度数据管,我的问题得到了解决谢谢你 https://angular.io/api/common/DatePipe