feat(MatDatePicker): adding ability to use flexable format
- 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
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