Elementor does not provide us a way to update the dateformat of the Elementor Form date field (see here page for reference)
The jQuery code that best works for me is :
|
1 2 3 4 5 6 |
jQuery(document).ready(function () { setTimeout( function(){ jQuery('.flatpickr-input').each(function(){ flatpickr( jQuery(this)[0] ).set('dateFormat', 'd/m/Y');}); jQuery('.elementor-date-field').removeAttr('pattern'); }, 1000 ); }); |
This way, I can set the date format to dd/mm/yyyy. For more date formats, please look here
Elementor also tends to add extra pattern check on date field that needs it to be yyyy/mm/dd. With this HTML will keep throwing error and will not let user submit the form. To remove it I have added the second line to remove the attribute.
Now it works perfectly.