2016-11-10 161 views
0

我使用引导日期时间选择器来选择日期与他的格式是这样的mm/dd/yyyy hh:ii我想将此格式更改为dd/MM/YYYY HH:二bootstrap日期时间选择器更改格式

我曾使用过这种方法,但我没有我想要的格式相同的格式仍然会出现

<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的格式??!

回答

0

检查了这一点

DEMO

$('#datetimepicker2').datetimepicker({ 
    format: 'DD/MM/YYYY HH:mm' 
}); 
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

+0

没有为我工作 – m7md

+0

其完美的我的工作尝试通过替换给定的CSS,JS。希望这会帮助你 http://seantheme.com/color-admin-v2.0/admin/html/assets/plugins/bootstrap-eonasdan-datetimepicker/build/css/bootstrap-datetimepicker.min.css http://seantheme.com/color-admin-v2.0/admin/html/assets/plugins/bootstrap-eonasdan-datetimepicker/build/css/bootstrap-datetimepicker.min.css – HIR