angular / angular/components

Expose information about the current range to the datepicker actions

Offen
#23,042 5 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/datepicker feature P4
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

#### What are you trying to do?

I am trying to disable the apply button inside mat-date-range-picker-actions until a range is selected

#### What troubleshooting steps have you tried?

tried to see if any events fire on day selection so I can determine if the range is correct

#### Reproduction

https://stackblitz.com/edit/angular-date-range-picker-actions?file=src/app/date-range-picker-forms-example.html
Well, here is a start point. I could not find a way to disable the Apply button until both dates are selected.
Reson is the form data is not updated until Apply is clicked and I could not find any events that trigger on day selection. There are some for year and month but not day.

#### Environment

- Angular: 12
- CDK/Material: latest
- Browser(s): N/A
- Operating System (e.g. Windows, macOS, Ubuntu): N/A

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit der verlinkten StackBlitz-Reproduktion und verfolge, wie mat-date-range-picker-actions den Zustand erhält und wie die Tagesauswahl zugänglich gemacht wird. Als erledigt gilt dies, wenn die Actions feststellen können, ob beide Daten im aktuellen Bereich ausgewählt sind, sodass die Apply-Schaltfläche deaktiviert bleiben kann, bis der Bereich vollständig ist.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Feature
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
30/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.