引导日期时间选择器更改格式

Question

I'm using a bootstrap date time picker to select a date with the time his format is like this mm/dd/yyyy hh:ii i want to change this format to dd/mm/yyyy hh:ii

I had used this method but i didn't have the format i want the same format still appear

 <script type="text/javascript">
            $(function () {
                $('#datetimepicker1').datetimepicker({
                       format: "dd/mm/yyyy hh:ii"
                });
            });
        </script>

Html Code:

<input type="text" value="" id="datetimepicker1" name="txt_padd"
 placeholder="Actual Date" class="form-control input-md" onchange="call()" 
onkeyup="saveValue(this);" >

How Can i Change the format of this datetimepicker ??!!

Answer 1

Try this one

//HTML Code with iconic view
<div class="form-group">
  <label class="control-label col-md-4">Datetime Picker</label>
  <div class="col-md-8">
    <div class="input-group date" id="datetimepicker1">
      <input type="text" class="form-control" />
      <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div>
  </div>
</div>

//Javascript Code
<script type="text/javascript">
  $(function() {
    $('#datetimepicker1').datetimepicker({
      format: 'DD/MM/YYYY HH:mm'
    });
  });
</script>

This will looks like :

Answer 2

Check this out

DEMO

$('#datetimepicker2').datetimepicker({
   format: 'DD/MM/YYYY HH:mm'
});