javascript - bootstrap-datetimepicker 只显示日期

Question

我正在使用这个 repo通过 smalot，我只想选择和显示日期(对于其他一些地方，我显示数据和时间，因此选择此 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"
});