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: Highlighting "today" and/or selected date in DatePicker

sundance free asked 5 years ago


I'd like to highlight selected date, like in the "prefill" example on Date Picker "examples & tutorial" page. That example looks different from all others, but I can not realize the difference in settings. (4.8.7-PRO)

Expected behavior

enter image description here

Actual behavior

enter image description here

Resources (screenshots, code snippets etc.)


Pavan Bandi free answered 3 years ago


Add autoclose: "true"
This will help highlighting selected date

 <script type="text/javascript">
        $(document).ready(function () {
            $('#SelectDate').datepicker({
                format: "dd/mm/yyyy",
                autoclose: "true"

            });
        });
    </script>

Marcin Luczak staff commented 3 years ago

Hi @Pavan Bandi,

Thank you for contributing to our community and showing this nice solution :)

Regards, Marcin


MDBootstrap staff answered 5 years ago


Hi Sundance,

Until the value is selected in the date picker only "today" will be slightly marked (blue font). The circle around the number is shown after this date is picked in the input. This is the way we showcase what the input value is. Prefill option of datepicker works exactly like described in the docs. You have to add data-value="[2015,6,1]" with the given date format explained in the docs.

If you need additional help I am here for you.

Best Regards, Piotr



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: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.8.5
  • Device: PC
  • Browser: Chrome
  • OS: Windows 7 Prof. 64-bit
  • Provided sample code: No
  • Provided link: No