Bootstrap的datetimepicker详细示例

Bootstrap的datetimepicker详细示例_第1张图片Bootstrap的datetimepicker详细示例_第2张图片Bootstrap的datetimepicker详细示例_第3张图片

插件下载地址:

https://download.csdn.net/download/lianzhang861/10432421

首先引入css和js

html:只需要写一个普通的input

class="form-control" id="starttime">

js:注释中已经写得很清楚了

format中的配置:

符号 意义
p 12小时制且小写(‘am’ or ‘pm’)
P 12小时制且大写(‘AM’ or ‘PM’)
s 秒,前面不补0
ss 秒,前面补0
i 分,前面不补0
ii 分,前面补0
h 时,24小时制,前面不补0
hh 时,24小时制,前面补0
H 时,12小时制,前面不补0
HH 时,12小时制,前面补0
d 日,前面不补0
dd 日,前面补0
m 月,数字表示,前面不补0 如:4
mm 月,数字表示,前面补0 如:04
M 月,缩写表示,前面补0 如:Apr
MM 月,全称表示,前面补0 如:April
yy 年,后两位 如:16
yyyy 年,全部 如:2016

注意这个是修改版的,可以选择秒,原版是没有的,只有配置了秒才会显示

format: 'yyyy-mm-dd hh:ii:ss'

Bootstrap的datetimepicker详细示例_第4张图片


你可能感兴趣的:(前端)