angular / angular/components

feat(MatDatePicker): adding ability to use flexable format

Abierto
#27,859 2 comentarios 1 reacción 0 asignados Ver en GitHub
area: material/datepicker feature P4
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

### Feature Description

I'm just wondering if we can add the feature of dateFormat to the datepicker

datepicker-input-base.ts

```
@Input displayFormat: string|undefined|null;
@Input parseFormat: string|undefined|null;
```

and in the code:

```
protected _formatValue(value: D | null) {
**const format = this.displayFormat ?? this._dateFormats.display.dateInput;**
this._elementRef.nativeElement.value =
value != null ? this._dateAdapter.format(value, **format**) : '';
}

_onInput(value: string) {
const lastValueWasValid = this._lastValueValid;
**const format = this.parseFormat?? this._dateFormats.parse.dateInput;**
let date = this._dateAdapter.parse(value, **format** );
// ... remaining code
}
```

### Use Case

in this case we can alow different pasing/display format in the same app
the first input will use custom format and the second one use the default one.
both are in the same component
```

Choose a date

DD/MM/YYYY

Choose a date

MM/DD/YYYY

```

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza en datepicker-input-base.ts y sigue _formatValue y _onInput a través del adaptador de fechas y de la configuración existente de date-format. Define el comportamiento de displayFormat y parseFormat por entrada descrito en los ejemplos y, después, verifica que los formatos personalizados y predeterminados coexistan sin cambiar la ruta predeterminada.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular, typescript
Área
frontend
Tipo de issue
Nueva funcionalidad
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
35/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.