我在弹出窗口中使用datepicker(
ng-boostrap),我想将日期格式更改为’dd-mm-yyyy’.
原文链接：https://www.f2er.com/angularjs/142595.html它接缝可以解决实现一个新的NgbDateParserFormatter来替换默认的NgbDateISOParserFormatter.
但我想知道是否有另一种方式.
谢谢,
尼尔森.
更新：
使用moment.js的一个小的实现的NgbDateParserFormatter
(使用ng-bootstrap版本1.0.0-alpha.14进行测试)
import {NgbDateParserFormatter,NgbDateStruct} from '@ng-bootstrap/ng-bootstrap';
import * as moment from 'moment';
export class NgbDateMomentParserFormatter extends NgbDateParserFormatter {
constructor(private momentFormat: string) {
super();
};
format(date: NgbDateStruct): string {
if (date === null) {
return '';
}
let d = moment({ year: date.year,month: date.month - 1,date: date.day });
return d.isValid() ? d.format(this.momentFormat) : '';
}
parse(value: string): NgbDateStruct {
if (!value) {
return null;
}
let d = moment(value,this.momentFormat);
return d.isValid() ? { year: d.year(),month: d.month() + 1,day: d.date() } : null;
}
}
在一个模块中,您可以使用工厂包含提供者来指示日期格式作为参数.
---
@NgModule({
---
providers: [
{
provide: NgbDateParserFormatter,useFactory: () => { return new NgbDateMomentParserFormatter("DD-MM-YYYY") }
}
]
---
})
