bootstrap-datetimepicker的bug整理
来源:互联网 发布:淘宝客服脐橙问题总结 编辑:程序博客网 时间:2024/05/05 21:41
时间清空后,再选择时间显示不对
今天使用bootstrap-datetimepicker的一个时间组件时,发现一个问题。
就是一旦清空后,点击到分钟时,显示的不对,是上次的时间值。
比如第一次选择15:40分,时间后显示的分钟是正确的,输入框中正是看到的是正确分钟数。
但是使用那个清空按钮后,选择18时,后跳转的分钟竟然是17:40,也即是上次的小时数,看了下datetimepicker的源代码。
一次又一次的定位,清空的动作在哪处理的,分钟的显示在哪处理的。
最终定位到是因为小时变动后,未重新赋值,即让页面刷新小时数。
发现this.viewSelect的值是0,所以一直无法进入到重新赋值的处理。
把这个值改为>=0即可。
this.viewDate.setUTCHours(hours);
this.element.trigger({
type: 'changeHour',
date: this.viewDate
});
if (this.viewSelect >= 1) {
this._setDate(UTCDate(year, month, day, hours, minutes, seconds, 0));
}
改成这个即可修改这个bug
if (this.viewSelect >= 1) {
this._setDate(UTCDate(year, month, day, hours, minutes, seconds, 0));
}
时间清空后,再显示时间会报空指针
由于清空后,date会是null。
源代码如下
getDate: function () {
var d = this.getUTCDate();
return new Date(d.getTime() + (d.getTimezoneOffset() * 60000));
},
修改如下
getDate: function () {
var d = this.getUTCDate();
if(d==null){
d = new Date();
}
return new Date(d.getTime() + (d.getTimezoneOffset() * 60000));
},
第一次加载数据时,会出现空指针,原因是设置时区时,出现了空指针。
源代码如下所示:
this.defaultTimeZone = (new Date()).toString().split('(')[1].slice(0, -1);
现在临时注释掉了。
使用datetimepicker时,传进去就好了。
this.timezone = options.timezone || this.defaultTimeZone;
这个出现的原因时,因为有的时间转换为string后没有(,所以要特殊处理下。
有的电脑时间有(
用完这个组件后,发现bug还是不少的。可能新的版本已经修复了吧。
对于后端开发为主的去修改前端组件的bug还是有点挑战的
选择小时后,输入框会默认存进去当前时间
这个其实也算是bug吧
源代码如下
this.element.trigger({
type: 'changeHour',
date: this.viewDate
});
if (this.viewSelect >= 0) {
this._setDate(UTCDate(year, month, day, hours, minutes, seconds, 0));
}
原因是,因为分钟和秒传值了。修改后分钟和秒改为0即可
if (this.viewSelect >= 0) {
//小时选择后,赋值是00,而不是当前时间,否则会出现表象不一
this._setDate(UTCDate(year, month, day, hours, 0, 0, 0));
}
- bootstrap-datetimepicker的bug整理
- bootstrap-datetimepicker的bug整理
- Bootstrap DateTimePicker选择月份BUG
- 关于bootstrap datetimepicker位置显示错误的bug修复
- bootstrap-datetimepicker 的使用
- bootstrap-datetimepicker 的使用
- bootstrap-datetimepicker的使用
- bootstrap-datetimepicker的引入
- bootstrap-datetimepicker的运用点滴
- bootstrap-datetimepicker的基本用法
- bootstrap-datetimepicker详情的API
- 基于bootstrap的datetimepicker插件
- bootstrap datetimepicker的两个设置
- 基于bootstrap的日期插件bootstrap-datetimepicker
- Struts2标签datetimepicker的BUG
- datetimepicker 出现1899的bug
- bootstrap datetimepicker
- bootstrap-datetimepicker
- fm单体声和立体声的切换
- 【深度学习】聚焦机制DRAM(Deep Recurrent Attention Model)算法详解
- 2016/5/27 1000. Hex to decimal
- WebService笔记(二):简介
- iOS获取当前 年月日和星期
- bootstrap-datetimepicker的bug整理
- 设计模式-策略模式
- Android 探究 LayoutInflater setFactory
- 自定义UI的时候,通常到CGContextRef进行绘图,以下为详细API的叙述
- 从事C和C++开发者快速学python(一)
- background-position的百分比是怎么计算定位的
- iOS解决警告ld: warning: directory not found for option ''
- hdoj-1563-Find your present!
- sqlserver、mysql、oracle各自的默认端口号