DateTimePicker 是 bootstrap 插件库中一款非常好用的日期控件,支持各种日期格式的显示,而且样式也比较美观。
在 bootstrap 中,日期样式布局代码如下:
<div class="input-group date" style="width:200px;">
<input autocomplete="off" class="form-control" type="text" id="datetime" />
<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
</div>
显示年/月/日格式的 js 代码如下:
$("#datetime").datetimepicker({
language:'zh-CN',
autoclose:true,
minView:2,
format:'yyyy-mm-dd'
});
显示年/月的 js 代码如下:
$("#datetime").datetimepicker({
language:'zh-CN',
autoclose:true,
minView:3,
startView:3,
format:'yyyy-mm'
});
只显示年的 js 代码如下:
$("#datetime").datetimepicker({
language:'zh-CN',
autoclose:true,
minView:4,
startView:4,
format:'yyyy'
});
显示年/月/日/时 js 代码如下:
$("#datetime").datetimepicker({
language:'zh-CN',
autoclose:true,
minView:1,
format:'yyyy-mm-dd hh:00:00'
});