1

I'm using bootstrap 4 latest version for develop my php web application and I'm using html 5 "date" input for enter dates in html forms. Bootstrap 4 always show date format as mm/dd/yyyy in date input fields. I need to change it to yyyy-mm-dd. How can I change default date format to my own format in bootstrap 4 date picker?

dinith
  • 11
  • 1
  • 1
  • 3

2 Answers2

2

Use data-date-format="yyyy/mm/dd"

$(function() {
    $("#datepicker").datepicker({
    
    });
  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<div class="container">
  <input data-date-format="yyyy/mm/dd" id="datepicker">
</div>
לבני מלכה
  • 15,925
  • 2
  • 23
  • 47
0

Try to use Date Range Picker. have available various option.

HDP
  • 4,005
  • 2
  • 36
  • 58