bootstrap的datetimepicker如何显示和选择小时分钟
2016-10-22 20:28
393 查看
如题所示,使用datetimepicker时,如何显示和选择小时、分钟呢?
其实很简单,如下代码所示:
html的代码:
javascript的代码:
其中,”format”表示时间的格式:year month day hour min second;
“minView”设置为0,表示可以选择小时和分钟,其他值有1,2,3,4.读者可以根据需要使用;
“minuteStep”是选择分钟时显示的时间间隔,此处设置为1分钟;
好了,以上代码就可以实现显示和选择小时、分钟。
其实很简单,如下代码所示:
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分钟;
好了,以上代码就可以实现显示和选择小时、分钟。
相关文章推荐
- bootstrap-datetimepicker如何只显示到日期
- bootstrap-datetimepicker时间控件如何设置显示的view
- TimePicker时间选择器,显示小时,分钟的
- bootstrap-datetimepicker如何只显示到日期
- [转]dateTimePicker选择时间控件(选择日期, 小时分钟秒)
- 如何获得datetimepicker选择后的显示在文本框的时间
- dateTimePicker选择时间控件(选择日期, 小时分钟秒)
- 如何在选择地址的对话框里显示用户的简称
- PHP CodeBase: 将时间显示为“刚刚”“n分钟/小时前”等
- ABAP--如何将查询结果显示在选择屏幕上的代码
- ABAP--如何将查询结果显示在选择屏幕上的代码
- date型数据相减,如何得到分钟或小时
- 如何在网页中显示选择文件对话框
- 显示复选框选择的内容--如何读取多个选项(asp)
- PHP CodeBase: 将时间显示为“刚刚”“n分钟/小时前”等
- 如何将查询结果显示在选择屏幕上的代码示例
- ABAP--如何将查询结果显示在选择屏幕上的代码
- 可选择小时和分钟的js日历控件
- 如何解决CRichEditCtrl控件在显示中文时的选择位问题
- 如何打开文件对话框并将选择的文件显示在编辑框中?