In your own way you can change the date format in your landing page form.
Depends on using a different formats in different countries you can customize it to create your own "Date" field such as:

MM/DD/YEAR

1. Go to the editor of your landing page and click on "Edit" a form.


2. Find your current "Date" field and delete it.


3. Then, add a new simple input field with attribute name "date".


4. Then find "Settings" in the right top corner of the editor and add custom CSS style:

@import url("/js/libs/bootstrap-datepicker/dist/css/bootstrap-datepicker.standalone.min.css")

Bear in mind to "Save and close" CSS.


5. Ok, now let's publish your landing page and click on "Go to campaign".


6. Choose "JavaScript code" tab on the landing page dashboard and add a new one.

7. Copy the script below and follow all details under adding:

<script type="text/javascript" src="/js/libs/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
<script type="text/javascript" src="/js/libs/bootstrap-datepicker/dist/locales/bootstrap-datepicker.en.min.js"></script>

<script type="text/javascript">
  (function ($) {
     $('[name="date"]').datepicker({
       autoclose: true,
       clearBtn: true,
       format: 'mm/dd/yyyy',
       language: 'en',
       todayBtn: 'linked',
       todayHighlight: true
     });
  })(jQuery);
</script>

Your new script window:

8. When it have been done click on your landing page link and see your changes.


9. If you choose the "Date" field you can paste a date here with a different order.

Hope that it works on your landing page!
If you encounter any issues reach us out via chat 😊

Did this answer your question?