2016-11-10 74 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