MDB4 Timepicker broken on iOS 14


Topic: MDB4 Timepicker broken on iOS 14

ayescas pro premium priority asked 4 years ago

Hello,

The Timepicker works well on a desktop, but on iOS 14 it's broken. Any idea how to fix, thank you. Here is the code and screenshot:

We Add Setup Time
      <div class="md-form md-outline input-with-post-icon timepicker" twelvehour="true">
      <input type="time" 
      name="g_EndTime" 
      id="g_EndTime" 
      class="form-control"
      placeholder="Select time" 
      required/>
      <label for="g_EndTime">End Time</label>
      <i class="far fa-clock input-prefix mr-3"></i>
      </div>   

enter image description here


ayescas pro premium priority answered 4 years ago

had to delete the JS initialization, since it's not needed any more.


Marcin Luczak staff answered 4 years ago

Hi,

Your code mixes both default and material timepicker initializations, which probably causes your problems. Material Timepicker needs JS initialization and default doesn't. Please see my snippet showing differences between these two examples: https://mdbootstrap.com/snippets/jquery/marcin-luczak/2945791#html-tab-view

Also, you may take a look into our documentation to see options for Material Timepicker.

Regards, Marcin


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 jQuery
  • MDB Version: 4.19.1
  • Device: iOS 14
  • Browser: Safari
  • OS: osX
  • Provided sample code: No
  • Provided link: No