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);

<强> Plunker

Answer 2

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

%fields

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};

构造函数：

私有parserFormatter：NgbDateParserFormatter

获得价值：

this.empForm.value.dobField = this.parserFormatter.format（this.empForm.value.dobField）;

设置值：

this.empForm.get（'dobField'）。setValue（this.parserFormatter.parse（this.empForm.value.dobField））;

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

4 个答案: