最近在弄web前端,初次接触,公司大佬推荐 bootstrap 框架, 使用的是V3版本,用到他的日历插件
网上大多数是基于v2版本的datetimepicker,一下是关于v3的资料
插入jsp代码如下
然后发现显示异常,如图:
从datetimepicker/js/bootstrap-datetimepicker.js找到如下代码,约62行
发现component获取的对象有问题,添加 对.input-group-addon的单独获取,修改代码为
OK,正常工作
一直是做linux c后台的,现在学习前端,各种蛋疼
<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后台的,现在学习前端,各种蛋疼