将ngModel设置为月控制

Question

我想通过ngModel绑定一个日期对象，该对象具有当前月份值，显示输入月份日历上的月份和年份。问题是对象绑定到控件但不显示月/年。任何指针都会有所帮助。

以下是示例代码：https://stackblitz.com/edit/angular-8y1nap

我希望在页面加载时默认显示当前月/年。

Answer 1

要解决此问题，我们可以创建自定义日期管道并安装时刻js：

import {Pipe, ChangeDetectorRef, PipeTransform} from '@angular/core';
import * as moment from 'moment';
const momentConstructor: (value?: any) => moment.Moment = (<any>moment).default || moment;
 @Pipe({ name: 'amDateFormat' })
export class DateFormatPipe implements PipeTransform {
transform(value: Date | moment.Moment | string | number, ...args: any[]): 
string {
   if (!value) return '';
  return momentConstructor(value).format(args[0]);
  }
}