fraport/fradrive-old
Archived
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(datepicker): fix selecting date from manual input in internal format

Browse Source
This commit is contained in:
Sarah Vaupel 2019-08-28 11:18:21 +02:00
parent 8a3ac72cbe
commit 8bdcc9254e
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/utils/form/datepicker.js
View File

@ -150,13 +150,17 @@ export class Datepicker {
this._element.classList.add(DATEPICKER_INITIALIZED_CLASS); this._element.classList.add(DATEPICKER_INITIALIZED_CLASS);
const setDatepickerDate = () => { const setDatepickerDate = () => {
// try to parse the current input element value with fancy and internal format string
const parsedMomentDate = moment(this._element.value, FORM_DATE_FORMAT_MOMENT[this.elementType]); const parsedMomentDate = moment(this._element.value, FORM_DATE_FORMAT_MOMENT[this.elementType]);
const parsedMomentDateInternal = moment(this._element.value, FORM_DATE_FORMAT[this.elementType]); const parsedMomentDateInternal = moment(this._element.value, FORM_DATE_FORMAT[this.elementType]);
// only set the datepicker date if the input is either in valid fancy format or in valid internal format // only set the datepicker date if the input is either in valid fancy format or in valid internal format
if (parsedMomentDate.isValid() || parsedMomentDateInternal.isValid()) { if (parsedMomentDate.isValid()) {
this.datepickerInstance.selectDate(parsedMomentDate.toDate()); this.datepickerInstance.selectDate(parsedMomentDate.toDate());
} else if (parsedMomentDateInternal.isValid()) {
this.datepickerInstance.selectDate(parsedMomentDateInternal.toDate());
} }
// reregister change event to prevent event loop // reregister change event to prevent event loop
this._element.addEventListener('change', setDatepickerDate, { once: true }); this._element.addEventListener('change', setDatepickerDate, { once: true });
}; };