How to create a correct date format in bootstrap date-picker

Hi Team

I want to create this format on bootstrap date-picker.e.g 08/01/2020. Mine show this format on the form,eg. 01/08/2020(which is not correct from the form when date is selected) Here is my code for this logic.

"stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker3.min.css">
'text/javascript' src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.min.js">
class="d-flex justify-content-start">
class = "col-xl-10.5 col-lg-10.5 col-md-10 col-sm-10.5 col-10.5">
class="input-daterange input-group" id="datepicker">
"text" class="input-sm form-control" name="from" placeholder="startdate"/>
class="input-group-addon">To
"text" class= "input-sm form-control" placeholder="enddate"/>

$('.input-daterange').datepicker({ format: 'dd/mm/yyy', autoclose:true, minDate: new Date(year, 0, 1), maxDate:new Date(year, 11, 31) });

the issue is that you’re mixing up jQuery UI Datepicker options with Bootstrap Datepicker options.

Bootstrap Datepicker does not use dateFormat. Instead, it uses the option format. That’s why your code is showing 01/08/2020 instead of 08/01/2020.

Here’s how you can fix it:

To

Key Fixes:

Use format: "dd/mm/yyyy" instead of dateFormat.
Use startDate and endDate instead of minDate and maxDate (those are jQuery UI options).
Ensure your placeholders match the format you expect (dd/mm/yyyy).

Now when you select January 8, 2020, it will correctly show 08/01/2020.

Hi Gcobani

You can format date according to your requirements

$('.datepicker').datepicker({
format: 'mm/dd/yyyy',
});

https://bootstrap-datepicker.readthedocs.io/en/latest/

You need to change the format of bootstrap datepicker. Follow up with this link and change your format, https://bootstrap-datepicker.readthedocs.io/en/latest/