This commit is contained in:
philipp lang 2024-10-03 13:48:45 +02:00
parent 5d2b06be09
commit 9fa734b100
1 changed files with 25 additions and 27 deletions

View File

@ -1,28 +1,28 @@
import "../css/app.css";
import Alpine from "alpinejs";
import Datepicker from "flowbite-datepicker/Datepicker";
import de from "../../node_modules/flowbite-datepicker/js/i18n/locales/de.js";
import '../css/app.css';
import Alpine from 'alpinejs';
import Datepicker from 'flowbite-datepicker/Datepicker';
import de from '../../node_modules/flowbite-datepicker/js/i18n/locales/de.js';
Datepicker.locales.de = de.de;
import dayjs from "dayjs";
import customParseFormat from "dayjs/plugin/customParseFormat";
import dayjs from 'dayjs';
import customParseFormat from 'dayjs/plugin/customParseFormat';
dayjs.extend(customParseFormat);
function initDatepicker(el) {
new Datepicker(el, {
autohide: true,
format: "dd.mm.yyyy",
language: "de",
format: 'dd.mm.yyyy',
language: 'de',
update: true,
});
el.addEventListener("changeDate", function (event) {
event.target.dispatchEvent(new Event("input"));
el.addEventListener('changeDate', function (event) {
event.target.dispatchEvent(new Event('input'));
});
}
document.querySelectorAll("[datepicker]").forEach((el) => initDatepicker(el));
document.querySelectorAll('[datepicker]').forEach((el) => initDatepicker(el));
window.Alpine = Alpine;
Alpine.data("form", () => ({
Alpine.data('form', () => ({
birthday: null,
date: null,
isUnder18: function () {
@ -30,9 +30,7 @@ Alpine.data("form", () => ({
return false;
}
return dayjs(this.birthday, "DD.MM.YYYY")
.add(18, "year")
.isAfter(dayjs(this.date, "DD.MM.YYYY"));
return dayjs(this.birthday, 'DD.MM.YYYY').add(18, 'year').isAfter(dayjs(this.date, 'DD.MM.YYYY'));
},
}));