datetimepicker for bootstrap v3

最近在弄web前端，初次接触，公司大佬推荐　bootstrap　框架，　使用的是Ｖ３版本，用到他的日历插件

网上大多数是基于v2版本的datetimepicker，一下是关于v3的资料

http://www.bootcss.com/p/bootstrap-datetimepicker/

插入jsp代码如下

	<div class="container">
		<div class="row">
			<div class='col-sm-6'>
				<div class="input-group date form_date">
					<input size="16" type="text" value="" class="form-control">
					<span class="input-group-addon glyphicon glyphicon-calenda"><span
						class="glyphicon glyphicon-calendar"></span> </span>
				</div>
			</div>
		</div>
</div>

	<script type="text/javascript">
		$(".form_date").datetimepicker({
			format : "yyyy-mm-dd",
			autoclose : true,
			todayBtn : true,
			minView : 2, 
			language : "zh-CN",
			startDate : "2014-08-14",
		});
	</script>

然后发现显示异常，如图：



从datetimepicker/js/bootstrap-datetimepicker.js找到如下代码，约62行

        this.component = this.element.is('.date') ? ( this.bootcssVer == 3 ? this.element.find('.input-group-addon .glyphicon-th, .input-group-addon .glyphicon-time, .input-group-addon .glyphicon-calendar .fa-calendar .fa-clock-o').parent() : this.element.find('.add-on .icon-th, .add-on .icon-time, .add-on .icon-calendar .fa-calendar .fa-clock-o').parent()) : false;

发现component获取的对象有问题，添加　对.input-group-addon的单独获取，修改代码为

        this.component = this.element.is('.date') ? ( this.bootcssVerr == 3 ? this.element.find('.input-group-addon, .input-group-addon .glyphicon-th, .input-group-addon .glyphicon-time, .input-group-addon .glyphicon-calendar .fa-calendar .fa-clock-o').parent() : this.element.find('.add-on .icon-th, .add-on .icon-time, .add-on .icon-calendar .fa-calendar .fa-clock-o').parent()) : false;

OK，正常工作

一直是做linux c后台的，现在学习前端，各种蛋疼