JAVASCRIPT

bootstrap datepicker date format

//Bootstrap datepicker change date format solution , Jquery datepicker is under this solution
If by ID: just change "#datepicker" to your input field id
$('#datepicker').datepicker({
    format: 'dd/mm/yyyy'
});

If by Class: just change "#datepicker" to your input field class
$('.datepicker').datepicker({
    format: 'dd/mm/yyyy'
});

//jquery datepicker change date format solution
just change "#datepicker" to your input field id
$("#datepicker").datepicker({
 	dateFormat: 'dd-mm-yy'
});

bootstrap datepicker options

 $('#yourInputId').datepicker({
                    startDate: new Date(),
                    format: 'dd/mm/yyyy', //you can change date format to any
                    autoclose: true,
 					todayHighlight: true,
 					startDate: new Date(), //this will be today's date
 					endDate: new Date(new Date().setDate(new Date().getDate() + 5))
                });

bootstrap datepicker on select event

$('.datepicker').datepicker()
    .on(picker_event, function(e) {
        // `e` here contains the extra attributes
    });

datepicker bootstrap

$('.datepicker').datepicker({
    startDate: '-3d'
});

bootstrap datetimepicker

<div class="well">
  <div id="datetimepicker1" class="input-append date">
    <input data-format="dd/MM/yyyy hh:mm:ss" type="text"></input>
    <span class="add-on">
      <i data-time-icon="icon-time" data-date-icon="icon-calendar">
      </i>
    </span>
  </div>
</div>
<script type="text/javascript">
  $(function() {
    $('#datetimepicker1').datetimepicker({
      language: 'pt-BR'
    });
  });
</script>

bootstrap datepicker format

<input class="datepicker" data-date-format="mm/dd/yyyy">

bootstrap datepicker format

<input class="datepicker" data-date-format="mm/dd/yyyy">

bootstrap datepicker format

<input class="datepicker" data-date-format="mm/dd/yyyy">

bootstrap datepicker format

<input class="datepicker" data-date-format="mm/dd/yyyy">

bootstrap datepicker format

<input class="datepicker" data-date-format="mm/dd/yyyy">

bootstrap datetimepicker

<div class="well">
  <div id="datetimepicker1" class="input-append date">
    <input data-format="dd/MM/yyyy hh:mm:ss" type="text"></input>
    <span class="add-on">
      <i data-time-icon="icon-time" data-date-icon="icon-calendar">
      </i>
    </span>
  </div>
</div>
<script type="text/javascript">
  $(function() {
    $('#datetimepicker1').datetimepicker({
      language: 'pt-BR'
    });
  });
</script>

datepicker bootstrap

<input data-provide="datepicker">

datepicker bootstrap

$.fn.datepicker.defaults.format = "mm/dd/yyyy";
$('.datepicker').datepicker({
    startDate: '-3d'
});

bootstrap datepicker format

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

datepicker bootstrap

<div class="container">
   <div class="row">
      <div class='col-sm-6'>
         <input type='text' class="form-control" id='datetimepicker4' />
      </div>
      <script type="text/javascript">
         $(function () {
             $('#datetimepicker4').datetimepicker();
         });
      </script>
   </div>
</div>

bootstrap datetimepicker

<div class="well">
  <div id="datetimepicker1" class="input-append date">
    <input data-format="dd/MM/yyyy hh:mm:ss" type="text"></input>
    <span class="add-on">
      <i data-time-icon="icon-time" data-date-icon="icon-calendar">
      </i>
    </span>
  </div>
</div>
<script type="text/javascript">
  $(function() {
    $('#datetimepicker1').datetimepicker({
      language: 'pt-BR'
    });
  });
</script>

datepicker bootstrap

$(document).off('.datepicker.data-api');

datepicker bootstrap

var datepicker = $.fn.datepicker.noConflict(); // return $.fn.datepicker to previously assigned value
$.fn.bootstrapDP = datepicker;                 // give $().bootstrapDP the bootstrap-datepicker functionality

bootstrap datepicker format

<input type="text" class="form-control" value="02-16-2012">

bootstrap datepicker format

<input class="datepicker" data-date-format="mm/dd/yyyy">