Eonasdan Bootstrap datetimepicker格式

如何在bootstrap 3 datetimepicker中設置格式。我想要格式「dd/MM/yyyy hh：mm」，我不想要「AM」和「PM」。對於這種語言，我可以在這裏使用。以下小提琴我該怎麼做？Eonasdan Bootstrap datetimepicker格式

http://jsfiddle.net/Eonasdan/0Ltv25o8/

$('#datetimepicker1').datetimepicker({ 
 
    
 
    format : "dd/MM/yyyy hh:mm", 
 
    
 
});

<!-- padding for jsfiddle --> 
 
<div class="row"> 
 
    <div class="col-md-12"> 
 
     
 

 
     <div class="form-group"> 
 
      <div class="input-group date" id="datetimepicker1"> 
 
       <input type="text" class="form-control" /> \t <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span> 
 
      </div> 
 
     </div>   
 
    </div> 
 
</div>

來源

2015-04-01 sathish kumar

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

<head> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/js/bootstrap-datetimepicker.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/css/bootstrap-datetimepicker.min.css" rel="stylesheet"/> 
 
</head> 
 
<br/> 
 
<!-- padding for jsfiddle --> 
 
<div class="row"> 
 
    <div class="col-md-12"> 
 
     <h6>datetimepicker1</h6> 
 

 
     <div class="form-group"> 
 
      <div class="input-group date" id="datetimepicker1"> 
 
       <input type="text" class="form-control" /> \t <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span> 
 
      </div> 
 
     </div> 
 
     <h6>datetimepicker2</h6> 
 

 
     <input type="text" class="form-control" id="datetimepicker2" /> 
 
    </div> 
 
</div>

我不知道爲什麼你不工作，使用dd/MM/yyyy hh:mm給出了輸出We/04/yyyy 08:43。如果您希望輸出爲例如01/03/2015 12:01，則需要設置format : "DD/MM/YYYY hh:mm"。有關格式選項的更多信息，請參閱momentjs文檔。

查看更新jsfiddle

你需要確保你包括所有必要的CSS和JS文件中的DateTimePicker需要工作的。您還需要第一次加載momentjs和jquery。查看代碼片段。

來源

2015-04-01 07:49:40 br3w5

這不是我期待的。這裏的輸出是「We/04/yyyy 08:43」。但是我想要這樣的輸出「01/04/2015 00:00」。 – 2015-04-01 08:46:07

好吧，你沒有在你的問題中說明 - 格式「dd/MM/yyyy hh：mm」會給你我們/ 04/yyyy 08:43 - 注意大寫與小寫 – br3w5 2015-04-01 11:18:28

非常感謝。它工作太棒了。 – 2015-04-01 11:59:07

在輸入標籤中添加data-date-format =「YYYY-MM-DD HH：mm」也適用。

<input type="text" class="form-control" data-date-format="YYYY-MM-DD HH:mm"/>

來源

2016-02-01 07:29:59 AceLearn

Eonasdan Bootstrap datetimepicker格式

回答

相關問題