Gibt es eine Möglichkeit, den DatePickerDialog mit einem externen Steuerelement/einer anderen Taste als dem eingebauten input zu öffnen, der mit dem DatePicker aus der Box kommt?Öffnen Sie DatePicker oder DatePickerDialog mit der benutzerdefinierten Taste
Wir verwenden die material-ui Bibliothek.
Da der Dialog open Zustand intern von material-ui Komponenten gehandhabt wird, zu tun, ist der einzige Weg wäre es ref im DatePicker und ruft focus() werden. Art eines Hack - aber es funktioniert ..
Beispiel:
<DatePicker
ref='datePickerStartDate'
errorStyle={componentSyles.error}
textFieldStyle={componentSyles.textField}
DateTimeFormat={Intl.DateTimeFormat}
cancelLabel={cancelLabel}
autoOk={true}
{...this.props}
/>
<FontIcon
onClick={(e) => { this.refs.datePickerStartDate.focus() }}
className="material-icons" style={componentSyles.icon}>
date_range
</FontIcon>
Hey, das funktioniert gut, danke. Eine Frage: Wir verwenden dies in einer dynamisch erstellten Liste von Elementen mit jeweils einem Datumsauswahlpunkt, und der Kontext des Array-Index wird immer auf das letzte Element im Array gesetzt, aber wenn wir es als Eingabe verwenden, funktioniert es fein. Wie kann man den richtigen Index übergeben? –
Haben Sie versucht, den Index in diese Funktion zu binden? Wenn ja, könnten Sie einen Code bereitstellen? –