angular / angular/components

bug(MaterialLuxonAdapter): Parsing format for some text inputs fails due to iso check before format check

オープン
#28,703 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る
area: material/datepicker P3
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
91

説明

### Is this a regression?

- No

### The previous version in which this bug was not present was

N/A

### Description

In `/src/material-luxon-adapter/adapter/luxon-date-adapter.ts#L174` the date is formatted with ISO before the user provided formats.

This leads to a bug where specific text inputs are not parsing correctly according to the user provided formats.

For example, I provide the format `MMyyyy` to the parse dateInputs array. This gets ignored for certain string inputs. One example is `082001`. This gets parsed as `yyyyMM` by the ISO check before checking my provided formats array and returns incorrectly as `01/0820` instead of the desired `08/2001`.

```
parse(value: any, parseFormat: string | string[]): LuxonDateTime | null {
const iso8601Date = LuxonDateTime.fromISO(value, options);

if (this.isValid(iso8601Date)) {
return iso8601Date;
}

const formats = Array.isArray(parseFormat) ? parseFormat : [parseFormat];

if (!parseFormat.length) {
throw Error('Formats array must not be empty.');
}

for (const format of formats) {
const fromFormat = LuxonDateTime.fromFormat(value, format, options);

if (this.isValid(fromFormat)) {
return fromFormat;
}
}

...
```

### Reproduction

StackBlitz link: https://stackblitz.com/edit/ocbei5?file=package.json
Steps to reproduce:
1. provide the format `MMyyyy` to the parse dateInputs array
2. type 082001 into the date input with luxon date times and tab off to enter

### Expected Behavior

Gets parsed correctly as 08/2001 and displays as 08/2001.

### Actual Behavior

Gets parsed incorrectly by ISO check as 01/0820 and displays as 01/0820.

### Environment

- Angular: 16.0.4
- CDK/Material:
- "@angular/material": "^16.0.3",
- "@angular/material-luxon-adapter": "^16.2.4",
- Browser(s): Chrome
- Operating System: macOS

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

src/material-luxon-adapter/adapter/luxon-date-adapter.ts の 174 行目付近にある parse メソッドから始め、MMyyyy フォーマットと 082001 の入力を使ったリンク先の StackBlitz 再現を使用してください。パースの順序を確認し、結果が 01/0820 ではなく 08/2001 と表示されることを検証してください。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript
領域
frontend
issue の種類
バグ
難易度
2/5
見積もり時間
1〜3時間
活発さ
停滞
明瞭さ
明確に書かれている
初心者へのやさしさ
48/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。