格式化 NgbDate

Question

我有一个使用 NgbDate 的日期选择器。我希望格式能够拼出月份、连字符、年份。例如，2020 年 8 月。我怎样才能用这种方式格式化以下日期？

effectiveDate = new NgbDate(date.year, date.month, date.day);
effectiveDate = effectiveDate.month.toString() + '-' +
                effectiveDate.year.toString();

Answer 1

// the `effectiveDate` is of type `NgbDate`
effectiveDate = new NgbDate(date.year, date.month, date.day);
// you try to assign `string` to `NgbDate` which could work and it's very confusing
effectiveDate = effectiveDate.month.toString() + '-' +
                effectiveDate.year.toString();


// instead it's better to create a variable for string value + string interpolation will make it easy to read
const formattedDate = `${effectiveDate.month}-${effectiveDate.year}`;


// or you can convert `NgbDate` into `Date` in the controller
this.jsDate = new Date(effectiveDate.year, effectiveDate.month - 1, effectiveDate.day);

// and use the `date` pipe in the component's HTML
jsDate | date: 'MM-yyyy'

格式化 NgbDate

Formatting NgbDate

ng-bootstrap