我正在使用NGX-Bootstrap为我的Angular6项目。我有一个响应式表单,并添加了日期选择器,但从日期选择器返回的值是完整格式,例如:"2018-11-07T05:12:35.000Z"。但我想要的是MM-DD-YYYY格式。
我正在使用NGX-Bootstrap为我的Angular6项目。我有一个响应式表单,并添加了日期选择器,但从日期选择器返回的值是完整格式,例如:"2018-11-07T05:12:35.000Z"。但我想要的是MM-DD-YYYY格式。
在返回日期之前,将日期格式转换为以下格式:
let date = new Date(dateValue).toLocaleDateString();
然后将date
指定给表单控制器
<input changeDateFormat type="text" placeholder="Datepicker" class="form-control" #dp="bsDatepicker" bsDatepicker [(bsValue)]="bsValue">
export class changeDateFormatDirective implements OnChanges {
@Input() bsValue: Date;
@Output() bsValueChange = new EventEmitter();
constructor(private cdr: ChangeDetectorRef) { }
ngOnChanges(changes: SimpleChanges) {
//change Date format here, you can import format date from @angular/common
this.bsValueChange.emit(newDateFormat);
this.cdr.detectChanges();
}
}
尝试
<input bsDatepicker [bsConfig]="{ dateInputFormat: 'MM-DD-YYYY'}" >