Topic: Date field format

eetied free asked 4 years ago


I have problems with the 'input date field' combining with mdb.min.js. I don't know how to format the date after keyup, it always shows 'yyyy-mm-dd'. I already tried '.pickadate' or some other jquery modifications, but unfortunately, it always shows 'yyyy-mm-dd'. What am I doing wrong?

Expected behavior After I type 'dd-mm-yyyy', it stays to the format 'dd-mm-yyyy'.

Actual behavior After I type 'dd-mm-yyyy', it changed to 'yyyy-mm-dd', no matter what I do. Resources (screenshots, code snippets etc.)

<script src="" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="mdb.min.js"></script>

<div class="md-form">
  <input placeholder="Selected date" type="date" id="date-picker-example" class="form-control datepicker">
  <label for="date-picker-example">Try me...</label>

$(document).ready(function() {
        format: 'dd-mm-yyyy',
        formatSubmit: 'dd-mm-yyyy'



Mateusz Łubianka staff answered 4 years ago

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.15.0
  • Device: laptop
  • Browser: chrome
  • OS: windows 10
  • Provided sample code: No
  • Provided link: No