您的位置:首页 > Web前端 > BootStrap

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

2016-10-22 20:28 393 查看
如题所示,使用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分钟;

好了,以上代码就可以实现显示和选择小时、分钟。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: