jQuery UI在Server 2008 IE8下DatePicker问题修复

简介:

这真是个WTF的问题,类似参见Stack Overflow

这个DatePicker问题只在Server 2008的IE8下出现。至于为什么win7的IE8支持,Server2008的IE8不支持,就不知道了。可能升级jQuery UI版本能够升级这个问题,但是由于实验室项目比较庞大,升级代价太大。所以只能试图修复。

  1. Debug一段时间,发现问题究其根本是由于button、a、td标签的onclick方法不被IE8支持。
  2. 现在实用的jQuery UI版本是min版,看着真是费劲,从网上下载来源码,看着舒服多了。
  3. 修改jQuery源代码。7894行:
    _selectDay: function(id, month, year, td) {  
        var target = $(id);  
        if ($(td).hasClass(this._unselectableClass) || this._isDisabledDatepicker(target[0])) {  
            return;  
        }  
        var inst = this._getInst(target[0]);  
        inst.selectedDay = inst.currentDay = $('a', td).html(); 
    

  4. 修改为

_selectDay: function(id, month, year, day) {  
    var target = $(id);  
    if (this._isDisabledDatepicker(target[0])) {  
        return;  
    }  
    var inst = this._getInst(target[0]);  
    inst.selectedDay = inst.currentDay = day; 

8445行和8454行将响应方法由onclick转移到href。8462-8467行的button标签修改为a标签。同样将响应方法从onclick转移到href。这两个button修改标签之后样式不和谐,加入了一些css来控制与之前一致

float: right;
margin: 0.5e m 0.2e m 0.4e m;
padding: 0.2e m 0.6e m 0.3e m 0.6e m;
color: #2f6ca9;
font-size: 0.8em;
font-weight: bold;
text-align: center;
text-decoration: none;

最烦浏览器兼容性问题,这次又成功解决了。

目录
相关文章
|
JSON 前端开发 JavaScript
【前端】使用jQuery封装一套UI组件 - 级联选择器组件
本篇文章来讲解下级联选择器组件 级联选择器,在实际项目中也是比较常用的组件,比如:省市区三级关联,上下级联动等 最后面会附上全部代码
1355 0
|
7天前
|
JavaScript
超炫酷UI效果的jQuery滑块插件
超炫酷UI效果的jQuery滑块插件
20 0
|
6月前
|
Web App开发 缓存 JavaScript
JQuery Kendo UI使用技巧总结
JQuery Kendo UI使用技巧总结
45 4
|
4月前
|
JavaScript
H-ui JQuery 给单选按纽赋值不生效
H-ui JQuery 给单选按纽赋值不生效
38 0
H-ui JQuery 给单选按纽赋值不生效
|
7月前
|
前端开发
element-ui组件DatePicker日期选择器移动端兼容
element-ui组件DatePicker日期选择器移动端兼容
element-ui组件DatePicker日期选择器移动端兼容
|
前端开发
element-ui图标偶现乱码问题的原因和修复方法
之前很老的一个 webpack3 前端项目,用 vue-cli5 重构了一下,根据 vue-cli 文档安装的 sass 版本 ^1.32.7,sass-loader 版本 ^12.0.0,各种自测感觉没问题了就部署到线上了
298 0
|
JavaScript
vue element-ui (DatePicker)日期选择器获取开始时间和结束时间-均为yyyy-MM-dd 格式
vue element-ui (DatePicker)日期选择器获取开始时间和结束时间-均为yyyy-MM-dd 格式
423 0
|
JavaScript
关于Element-Ui 时间范围选择器DatePicker禁用范围日期问题
饿了么组件库的[DatePicker](https://element.eleme.cn/#/zh-CN/component/date-picker) 日期范围选择,
|
JavaScript 前端开发 程序员
【前端】使用jQuery封装一套UI组件 - 是和否滑动切换组件
本篇文章来讲解下是和否的滑动切换组件 切换滑动组件,使用的场景实际上就是一个开和关的场景,一般有是和否,开和关,禁用和启用等等,只需要设置0和1即可
153 0
|
JavaScript 前端开发 程序员
【前端】使用jQuery封装一套UI组件 - 可编辑下拉框组件
下拉框也是比较常用的组件,对应原生的下拉标签就是select 本篇文章就来讲讲可编辑下拉框组件的封装过程
371 0