Forminator Datepicker: min, max και default value

Δημοσιεύθηκε 31/12/2021

Το Forminator Datepicker δεν μας δίνει την δυνατότητα να ορίσουμε default τιμές για την ημερομηνία. Αυτό είναι εύκολο να το προσπεράσουμε μέσω javascript.

Forminator Datepicker στην επιλογή Text inputs

document.querySelector("input#forminator-field-date-1-day").defaultValue = 1;

document.querySelector("input#forminator-field-date-1-month").defaultValue = 1;

document.querySelector("input#forminator-field-date-1-year").defaultValue = 2000;
document.querySelector("input#forminator-field-date-1-year").min = 1900;
document.querySelector("input#forminator-field-date-1-year").max = new Date().getFullYear();

Επειδή είναι text input, ορίζουμε και σχετικές min/max τιμές, δημιουργούμε δηλαδή το range μέσα στο οποίο μπορεί να επιλέξει ο χρήστης τιμές.

Επίσης, ως max τιμή στην χρονιά, ορίζουμε την τρέχουσα χρονιά με το “new Date().getFullYear()”

Forminator Datepicker στην επιλογή Dropdowns

document.querySelector('select#forminator-form-XXX__field--date-1-day').value = 1;
document.querySelector('select#forminator-form-XXX__field--date-1-month').value = 1;
document.querySelector('select#forminator-form-XXX__field--date-1-year').value = 2000;