datepicker inline not working properly


Topic: datepicker inline not working properly

sody pro premium priority asked 3 years ago

Expected behavior

datepicker shows (translated) , select date, hide calendar, click again calendar opens

Actual behavior

second open not working

using toggle button reverts back to english

Resources (screenshots, code snippets etc.)

https://mdbootstrap.com/snippets/standard/sody/3297680#html-tab-view


Dawid Wajszczuk staff answered 3 years ago

Hi,

Just remove or rename "datepicker" class in div element. The problem occurs due to double initialization, first from datepicker class and second via JS. Here is the snippet with working example https://mdbootstrap.com/snippets/standard/d-wajszczuk/3299468.

Also here is another one created by one of our users: https://mdbootstrap.com/snippets/standard/kayem79/3156488#html-tab-view. It allows you to create your own class for the datepicker with all the locales, so you provide them once instead of doing this for every datepicker separately.

Keep coding,
Dawid


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.9.0
  • Device: desktop
  • Browser: chrome
  • OS: windows10
  • Provided sample code: No
  • Provided link: Yes
Tags