angular 8 ngx-formly datetimepicker

Question

я пытаюсь сделать datetimepicker ngx-formly

После того, как я прочитал все примеры в официальных документах , я все еще не знаю, как сделать it.

Есть ли какое-либо настраиваемое поле формы или встроенный элемент datetimepicker?

Answer 1

Документы для настраиваемого типа поля https://formly.dev/guide/custom-formly-field, для суммирования необходимо выполнить следующие шаги:

1. Создать настраиваемое тип поля с именем datetimepicker:

import { Component } from '@angular/core';
import { FieldType } from '@ngx-formly/core';

@Component({
 selector: 'formly-datetimepicker',
 template: `
   <datetimepicker [formControl]="formControl"></datetimepicker>
 `,
})
export class DatetimepickerFieldType extends FieldType {}

определить тип вашего поля через объявление NgModule:

@NgModule({
 declarations: [DatetimepickerFieldType],
 imports: [
   ....
   FormlyModule.forRoot({
     types: [
       { name: 'datetimepicker', component: DatetimepickerFieldType },
     ],
   }),
 ],
})
export class AppModule {}

установите тип type в вашей конфигурации поля:

fields = [
  {
    key: 'datetimepicker',
    type: 'datetimepicker',
  },
]

все еще запутанный, проверьте корректно исходный код пользовательского интерфейса https://github.com/ngx-formly/ngx-formly/tree/master/src/ui