initial values aren&#039;t loaded into datepicker

Topic: initial values aren't loaded into datepicker

iamjonmiller pro asked 3 years ago

Expected behavior: By passing a value to the field the datepicker will initialize with this value, in the specified format, when the page loads.

Actual behavior: The field initializes with the raw value in the input element (e.g. 2016-01-01) and does not follow the specified format. The datepicker element also does not load this date and opens with a default date. Once a date is selected the format is applied.

Resources (screenshots, code snippets etc.):

https://mdbootstrap.com/snippets/standard/iamjonmiller/3087399

Add comment

Michał Duszak staff answered 3 years ago

0 0 Best answer

Please insert min. 20 characters.

Hello. For format to work properly, please use attribute in the element which contains the datepicker class. e.g:

<div class="form-outline datepicker" data-mdb-format='mm/dd/yyyy'>

https://mdbootstrap.com/snippets/standard/m-duszak/3088680

If it comes to the initial value, I have already added this issue to the list. Fix will be provided asap.

Add comment

iamjonmiller pro answered 3 years ago

0 0 Best answer

Just wanted to update. I found out that if you change the desired format (data-mdb-format='yyyy-mm-dd') to match the exact format passed in the initial value (value='2016-01-01') the datepicker will use the initial value.

This is still a bug, as you would ideally have some data-friendly format as the value and a pretty, localized format for the user, but at least you can get the full expected behavior this way.

Michał Duszak staff commented 3 years ago

We will release fix to the attribute soon, so that you can pass initial value in many formats.

Add comment

iamjonmiller pro answered 3 years ago

0 0 Best answer