如何使用 formly 将默认值传递给 material datepicker？

Question

我对 Angular 8 nad material 和形式有疑问。我这样配置 formlyField：

{
  key: 'releaseDate',
  type: 'datepicker',
  defaultValue: new Date(this.data.releaseDate.split('\.')[2] + '.' + this.data.releaseDate.split('\.')[1] + '.' + this.data.releaseDate.split('\.')[0]),
  templateOptions: {
    label: 'data wydania',
    placeholder: 'Wpisz date wydania',
    required: true,
    datepickerOptions: {format: 'yyyy.MM.dd'},
    datepickerPopup: 'yyyy.MM.dd'
  }
}

我不知道如何传递默认值以在 chrome 上显示视图。我应该使用什么格式以及我应该将什么日期传递给默认值？

Answer 1

您必须传递日期类型：https://www.w3schools.com/js/js_dates.asp

在此示例中，您将当前日期设置为默认值：

{
  key: 'Datepicker',
  type: 'datepicker',
  defaultValue: new Date(),
  templateOptions: {
    label: 'Datepicker',
    placeholder: 'Placeholder',
    description: 'Description',
    required: true,
  },
}

在此示例中，您将 2018 年 12 月 24 日设置为默认值。

{
  key: 'Datepicker',
  type: 'datepicker',
  defaultValue: new Date(2018, 11, 24),
  templateOptions: {
    label: 'Datepicker',
    placeholder: 'Placeholder',
    description: 'Description',
    required: true,
  },
}

如何使用 formly 将默认值传递给 material datepicker？

How to pass default value into material datepicker using formly?

angular-material

angular-formly

angular