uxsolutions / bootstrap-datepicker

A datepicker for twitter bootstrap (@twbs)
Apache License 2.0
12.66k stars 6.08k forks source link

Languague, format and default style not working when inside Bootstrap modal #2645

Open claudionirqs opened 2 years ago

claudionirqs commented 2 years ago

Expected behaviour

The Datepicker should dysplay in a chosen language (pt-BR), format (dd/mm/yyy) and default style.

Actual behaviour

It is showing the calendar as a common text, not translating to a chosen language from locales folder and it is not formating according the setup mask ("dd/mm/yyyy".

Datepicker version used

ex. 1.9.0.

Example code

Code in header tag:

<!-- datapicker css -->
    <link rel="stylesheet" href="vendors/datepicker/css/bootstrap-datepicker.min.css" />

Code in body tag (inside a bootstrap modal boby div):

<div class="input_wrap common_date_picker">
    <input class="form-control" id="txtData" name="txtData" placeholder="01/01/1990">
</div>

Code before closing body tag:

<!-- datepiker -->
<script src="vendors/datepicker/js/bootstrap-datepicker.min.js"></script>
<script src="vendors/datepicker/locales/bootstrap-datepicker.pt-BR.min.js"></script>

Code in scritp tag after body tag:

$(document).ready(function () {
    $("#txtData").datepicker({
    format: "dd/mm/yyyy",
    language: "pt-BR",
    autoclose: true,
    todayHighlight: true,
  });
}); 

datepicker language-and-style-issue datepicker folder-structure

ibakirov commented 2 years ago

@claudionirqs look at your browser console for any js/css errors. I used via CDNJS and localization is working fine