【问题标题】:Display month and date only in bootstrap datetimepicker仅在引导程序 datetimepicker 中显示月份和日期
【发布时间】:2017-05-16 17:29:19
【问题描述】:
我在日期时间选择器中面临两个问题。
我想将日期显示为18th January 或January 18,,但现在显示为18-1。 datetimepicker 上的文档说"MM" 将给出月份的文本表示。但我不明白。
此外,我在日期下拉列表中也有数年。
我的代码是这样的:
$(".date").datetimepicker({
viewMode: 'months',
format: 'DD MM'
});
【问题讨论】:
标签:
jquery
bootstrap-datetimepicker
eonasdan-datetimepicker
【解决方案1】:
要使用 MM,您可以使用 MMM。欲了解更多信息,请参阅format
$(".date").datetimepicker({
format: 'Do MMM'
});
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment.min.js"></script>
<link rel="stylesheet"
href="https://rawgit.com/Eonasdan/bootstrap-datetimepicker/master/build/css/bootstrap-datetimepicker.min.css">
<script src="https://rawgit.com/Eonasdan/bootstrap-datetimepicker/master/build/js/bootstrap-datetimepicker.min.js"></script>
<div class="container">
<div class="row">
<div class='col-sm-6'>
<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 glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
</div>
</div>