bootstrap的datetimepicker如何显示和选择小时分钟

如题所示,使用datetimepicker时,如何显示和选择小时、分钟呢?

其实很简单,如下代码所示:

html的代码:

 <input type="datetime" value="{{ start_time }}" name="start_time" id="start_time_picker" class="datetimepicker" readonly>

javascript的代码:

$('.datetimepicker').datetimepicker({
    format: 'yyyy-mm-dd hh:ii:ss',
    autoclose: true,
    minView: 0,
    minuteStep:1
});

其中,”format”表示时间的格式:year month day hour min second;
“minView”设置为0,表示可以选择小时和分钟,其他值有1,2,3,4.读者可以根据需要使用;
“minuteStep”是选择分钟时显示的时间间隔,此处设置为1分钟;

好了,以上代码就可以实现显示和选择小时、分钟。

你可能感兴趣的:(Javascript)