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;