diff options
| author | tusooa <tusooa@kazv.moe> | 2023-01-22 11:22:24 -0500 |
|---|---|---|
| committer | tusooa <tusooa@kazv.moe> | 2023-01-22 11:22:24 -0500 |
| commit | 03d5c2e140fc70937d3533665fa88d055ab486f1 (patch) | |
| tree | a0261722a8dba758ccc0786fe4ef88e40b907b1e | |
| parent | dd97a23ce70fc564d3142eb9d218ff1a929107b1 (diff) | |
Make date picker aware of the birthday max value
| -rw-r--r-- | src/components/registration/registration.js | 3 | ||||
| -rw-r--r-- | src/components/registration/registration.vue | 2 |
2 files changed, 4 insertions, 1 deletions
diff --git a/src/components/registration/registration.js b/src/components/registration/registration.js index 3139bdd2..22ca6ad6 100644 --- a/src/components/registration/registration.js +++ b/src/components/registration/registration.js @@ -71,6 +71,9 @@ const registration = { minDate.setTime(today.getTime() - minAge * DAY) return minDate }, + birthdayMinAttr () { + return this.birthdayMin.toJSON().replace(/T.+$/, '') + }, birthdayMinFormatted () { const browserLocale = localeService.internalToBrowserLocale(this.$i18n.locale) return this.user.birthday && new Date(Date.parse(this.birthdayMin)).toLocaleDateString(browserLocale, { timeZone: 'UTC', day: 'numeric', month: 'long', year: 'numeric' }) diff --git a/src/components/registration/registration.vue b/src/components/registration/registration.vue index 6d7fe76e..5701b05e 100644 --- a/src/components/registration/registration.vue +++ b/src/components/registration/registration.vue @@ -183,7 +183,7 @@ :disabled="isPending" class="form-control" type="date" - max="birthdayMin" + :max="birthdayRequired ? birthdayMinAttr : undefined" :aria-required="birthdayRequired" > </div> |