如何获取 mydatepicker 的值作为角度 2 中的格式化值？

Posted 2023-03-13

【中文标题】如何获取 mydatepicker 的值作为角度 2 中的格式化值？

【英文标题】：How to get value of mydatepicker as formatted value in angular 2?

【发布时间】：2017-12-09 02:14:47

【问题描述】：

我在 angular2 中使用 my-date-picker，当我从 datepicker 中选择任何日期时，它会像这样在 JSON 中为我提供 datepicker 的输出 "effectiveDate":"date":"year":2017,"month":7,"day":1,"jsdate":"2017-06-30T18:30:00.000Z","formatted":"07/01/2017","epoc":1498847400 但我想要像 "effectiveDate":"07/01/2017" 这样的输出。

获取输出：

"effectiveDate":"date":"year":2017,"month":7,"day":1,"jsdate":"2017-06-30T18:30:00.000Z","formatted":"07/01/2017","epoc":1498847400

需要输出：

"effectiveDate":"07/01/2017"

【问题讨论】：

将其转换为字符串并使用字符串值

(dateChanged)="model.birthDate = $event.formatted"

【参考方案1】：

<my-date-picker [options]="myDatePickerOptions" [(ngModel)]="Date" (dateChanged)="onDateChanged($event)" #ngRef="ngModel" required id="Date" name="Date" ngModel> </my-date-picker>

private myDatePickerOptions: IMyOptions = 

    dateFormat: 'yyyy.mm.dd',
;

Public effectiveDate : string;
OnDateChanged(event: IMyDateModel) 
    this.effectiveDate = event.formatted;

将上述代码放入组件中，以获取 JSON 日期格式的字符串。

【参考方案2】：

请尝试以下代码：

 var dateFrom = JSON.parse(JSON.stringify(this.ABIForm.controls['From'].value));   

var strFromDate =dateFrom.date.month+"/"+dateFrom.date.day+"/"+dateFrom.date.year;

var dateFromTransformed= this.datePipe.transform(strFromDate, 'yyyy-MM-dd');