bootstrap-datetimepicker 仅显示日期

Question

我正在通过 smalot使用这个repo，我只想选择和显示日期（对于其他一些地方，我显示数据和时间，因此选择了这个 repo）。我可以设法将它仅用于选择日期，但生成的日期字符串始终为yyyy-mm-dd hh:ii. 如果我没有理解错误，该format选项是仅解析初始日期而不是设置日期。

<div class="input-group date datetime dateonly" data-start-view="2" data-min-view="2" style="margin-bottom: 0;">
    <input class="form-control" size="16" type="text" placeholder="Release Date" id="release-date" name="release_date" value="{{ unit.release_dt|date:'Y-m-d' }}" style="cursor: default; background-color: #ffffff;">
    <span class="input-group-addon btn btn-primary"><span class="glyphicon glyphicon-th"></span></span>
</div>

我正在设置startView和设置minView两者，2以便用户只需要选择日期，但我仍然2015-09-22 00:00作为输出 - 我只是想让它显示2015-09-22.

事实上，通过监听changeDate和隐藏事件，我可以只设置日期输入的值。我想知道是否有一种不那么肮脏和肮脏的方式来做到这一点

$('.datetimepicker').on('changeDate', function(e) {//get substring and set date input
}).on('hide'....//same thing
);

Answer 1

使用日期选择器

$("#calender").datepicker({
    format: "mm/dd/yyyy"
});

Answer 2

仅显示日期使用

format: 'L'

要仅显示时间，请使用

format: 'LT'

参考

https://github.com/Eonasdan/bootstrap-datetimepicker/issues/832