码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap 日期控件常用选项

时间:2016-10-10 19:32:30      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:

使用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="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 日期控件常用选项

标签:

原文地址:http://www.cnblogs.com/zhjh256/p/5946432.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!