angular - ng-bootstrap 如何获取字符串或日期格式无对象

Question

我在这里使用 ng-bootstrap Datepicker： plnkr example

但现在在选择日期后我得到了对象

Model: {
  "year": 2016,
  "month": 10,
  "day": 13
}

但我想以这种格式获取日期2016-10-17

Answer 1

您可以使用NgbDateParserFormatter

import {NgbDateParserFormatter} from '@ng-bootstrap/ng-bootstrap';

constructor(private parserFormatter: NgbDateParserFormatter) {}
...
let date = this.parserFormatter.format(this.model);

普朗克

Answer 2

您可以提取对象的特定属性并构造您的日期字符串，如下所示：

let date = this.Model.year + '-' + this.Model.month + '-' + this.Model.day

Answer 3

你可以像下面这样写打字稿。

date: NgbDateStruct;

ngOnInit(){

   this.date = {
     year: 2016,
     month: 10,
     day: 17
   }

}

并在 HTML 中打印

<span>{{  date  }}</span>

Answer 4

以下解决方案适用于角度 5-6-7-8-9：

进口：

从'@ng-bootstrap/ng-bootstrap'导入{ NgbDateParserFormatter }；

构造函数：

私有解析器格式化程序：NgbDateParserFormatter

获取价值：

this.empForm.value.dobField = this.parserFormatter.format(this.empForm.value.dobField);

设定值：

this.empForm.get('dobField').setValue(this.parserFormatter.parse(this.empForm.value.dobField));