Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: How to set Datetimepicker 's container option.

salas ljs priority asked 1 year ago


Expected behavior When open the datetimepicker ,I want to show the select panel in a nav element. Actual behavior But do not valid. Resources (screenshots, code snippets etc.) // html

// js code const options = { datepicker: {format: 'yyyy-mm-dd'}, container:'nav', } const myDatetimepicker = new mdb.Datetimepicker(document.getElementById('myDatetimepicker'), options);


Mateusz Lazaru staff answered 1 year ago


Is that what you are looking for? https://mdbootstrap.com/snippets/standard/mlazaru/4818409#html-tab-view

You need to use container option to choose the element where the Datetimepicker will be rendered. In this case, Datetimepicker will look the same because of the fixed position.

That's why in the snippet above, I've used the inline version of the Datetimepicker.


salas ljs priority answered 1 year ago


const options = { datepicker: {format: 'yyyy-mm-dd'}, container:'nav', // how to set ??? } ;

const myDatetimepicker = new mdb.Datetimepicker(document.getElementById('myDatetimepicker'), options);



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

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 6.1.0
  • Device: pc
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: No