bootstrap日期时间选择器更改格式

时间:2016-11-10 12:31:07

标签: javascript jquery twitter-bootstrap date

我正在使用引导日期时间选择器来选择日期,其格式是这样的 mm / dd / yyyy hh:ii 我想将此格式更改为 dd / mm / yyyy hh:ii

我使用过这种方法,但我没有格式,我希望仍然出现相同的格式

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

Html代码:

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

如何更改此datetimepicker的格式?!!

2 个答案:

答案 0 :(得分:1)

试试这个

//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>

这将是:Datepicker Image

答案 1 :(得分:1)

检查出来

DEMO

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