首页 > 代码库 > bootstrap 日期控件常用选项

bootstrap 日期控件常用选项

使用bootstrap作为UI基础之后,为了尽可能的保持系统风格的一致性,通常我们不太会考虑再引入My97DatePicker作为日期控件。

作为潜在实现的选择之一,http://www.bootcss.com/p/bootstrap-datetimepicker/是比较好的实现,其提供的功能还是强大的。从实用角度来说,包含时间部分和不包含时间部分的场景都很多。

典型的用法通常包括:

1、初始化包含日期,YYYY-MM-DD格式,不需要时间部分。

<div class=‘input-group date‘ id=‘datetimepicker1‘>
<input type=‘text‘ value="http://www.mamicode.com/2012-06-15" class="form-control" />

<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
    </span>
</div>
$(function () {
$(‘#datetimepicker1‘).datetimepicker({
minView: "month",
autoclose: true, -- 这个选项在控制在选择日期后关闭对话框,而不是提示选择时间
format: ‘yyyy-mm-dd‘
});
});

bootstrap 日期控件常用选项