gpt4 book ai didi

html - Eonasdan Bootstrap 日期时间选择器格式

转载 作者:技术小花猫 更新时间:2023-10-29 11:47:32 26 4
gpt4 key购买 nike

如何在 bootstrap 3 datetimepicker 中设置格式。我想要格式“dd/MM/yyyy hh:mm”,我不想要“AM”和“PM”。对于我可以在这里使用哪种语言。以下 fiddle 我该怎么做?

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" /> <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span>
</div>
</div>
</div>
</div>

最佳答案

$('#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" /> <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 文件。您还需要先加载 momentjs 和 jquery。请参阅代码片段。

关于html - Eonasdan Bootstrap 日期时间选择器格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29385192/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com