已解决

已解决
我的沙雕问题已经解决了，希望你看过之后也能有启发。
（没启发我也没办法）

问题描述

我发现的问题：日期选择在Chrome等浏览器上正常弹出选择框，在IE上不能。

在Chrome浏览器上完全没问题 ，我用的My97 4.8.0版本，基本兼容了一些主流浏览器；
但是在IE上不能兼容，这个IE具体是指我电脑自带的 IE11 ，这个问题就很大了，毕竟IE6、7、8不兼容我可以理解，IE9+不能兼容就很沙雕了，一定是插件的问题！ 我的代码不可能出bug；

在菜单栏>帮助>关于查看IE版本

我日期选择的代码
以防万一我把日期选择相关的完整代码贴上来了

<!DOCTYPE html>
<html><head><meta charset="utf-8"><script src="../My97DatePicker/WdatePicker.js"></script><script type="text/javascript" src="../js/index.js"></script><title></title></head>
<body><input id="dStart" type="text" onclick="WdatePicker({lang:'zh-cn',dateFmt:'yyyy-MM',minDate:'%y-%M',onpicked:pickedFunc1})" />
</body>
</html>

index.js文件在这儿
仔细看发现我除了贴了pickedFunc1这个方法之外，还额外放了一个request_form方法
这个方法使跟后台数据交互的，用的vue.js，先买个坑伏笔吧

/* 日期选择自定义方法 */
function pickedFunc1(dp) {$dp.$('dEnd').click();startTime = $dp.cal.getDateStr();
}
function request_form() {var vm = new Vue({el: '.agileits_reservation',data: {inputtext: {name: "",phone: '',startTime: '',endTime: '',},apiUrl: formURL,defaultInput:''},created:function(){defaultInput = JSON.parse(JSON.stringify(this.inputtext));},methods: {submit: function() {this.inputtext.startTime = startTime;this.inputtext.endTime = endTime;vue.$http.post(vue.apiUrl, vue.inputtext, {emulateJSON: true}).then((response)=> { //成功success();}, function(res){ //失败console.log(res)});}},})
}

解（xin）决（lu）过（li）程（cheng）【不用看】

我自己瞎debug的过程，不用看
当然要先面向Google编程，一通搜索后，发现没有解决我的问题
万般无奈下点开了My97DatePicker官方文档

文档上说了，是我的问题，但我没有全信，开始了一步一步调试代码的过程
第一步：单拿出来日期选择代码调试，发现下面这个样子↓IE上不能弹出日期选择框

 <input id="dStart" type="text" onclick="WdatePicker({lang:'zh-cn',dateFmt:'yyyy-MM',minDate:'%y-%M',onpicked:pickedFunc1})" />

而↓这个样子却可以，区别就是上面那个我把 自定义事件 写在index.js里面了

 <input id="dStart" type="text" onclick="WdatePicker({lang:'zh-cn',dateFmt:'yyyy-MM',minDate:'%y-%M',onpicked:function(dp){startTime = $dp.cal.getDateStr();}})"/>

所以这个锅index.js背了
首先明确一下Chrome上控制台没有报错
不得已打开了IE开发者人员工具，果然报错

报错的竟然是vue的后台请求的这一行
机智的我马上想到可能是 (response)=> 的问题
修改:

function request_form() {...methods: {submit: function() {...}).then(function() { //成功success();}, function(res){ //失败console.log(res)});}},})
}

成功了！
IE上再试果然可以弹出了

课代表画重点

查看My97DatePicker官方文档，支持IE6.0+的浏览器，自己的锅
Chrome没问题，IE上F12 debug（开发人员工具）
报错的不是My97相关的方法，而是vue的后台数据请求函数
把请求成功的返回函数(response)=>改为function()，改错成功
IE不兼容箭头函数，改

My97DatePicker IE兼容问题相关推荐

my97显示服务器时间,封装Web Uploader 上传插件、My97DatePicker、百度编辑器的使用 (ASP.NET MVC)...
Web Uploader: WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件.在现代的浏览器里面能充分发挥HTML5的优 ...
tensorflow兼容处理 tensorflow.compat.v1 tf.contrib
20201130 问题提出: v1版本中tensorflow中contrib模块十分丰富,但是发展不可控,因此在v2版本中将这个模块集成到其他模块中去了.在学习tensorflow经常碰到tf.con ...
FastAdmin扩展PHPEXCEL，PHP7.3高版本兼容问题
THINKPHP扩展PHPEXCEL与PHP7.3高版本兼容问题框架:THINKPHP5,PHPEXCEL版本:1.81 无法导出EXCEL原因为Shared/OLE.php第290行使用conti ...
ie7和ie8 select使用jquery clone不兼容处理
本文解决方案基于http://blog.csdn.net/zzx3q/article/details/8017794 在ie7和ie8下,用jquery clone复制一个select,复制的sele ...
HTML+CSS布局技巧及兼容问题【阅读季】
在IE6和IE7中,行高值必须大于字体的2px以上才能保证字体的完整显示或当作为链接时能显示下划线. IE6 下去掉 input等元素的边框 border: 0 none; 所有浏览器都可以了边框 ...
CSS截取字符串,兼容浏览器
今天在经典论坛看到有同学问到CSS截取字符多余省略号代替的求助且要兼容FF... 这个的确是个比较头痛的问题,现在我在的公司都是程序截取显示省略符的.兼容是没问题,但在中文和数学或字母混排时,就会有点 ...
360浏览器5兼容模式吗_Vue-cli项目，打包生产模式，部分用户360浏览器极速模式下奔溃...
一直使用macOS系统下chrome浏览器下开发,仅仅使用到ant design pro vue 组件库,默认的脚手架配置. 客户使用win7下360安全浏览器访问,自动变成"兼容" ...
兼容超大图片的处理_动态图适用性调研与兼容性方案
背景业务中大量使用gif动态图,动画不细腻,体积大,占用不必要的带宽,根据这几点,寻找能替代gif图的方案(动画流程,体积小) 动态图类型 GIF GIF 是一个非常古老的格式,1987 年诞生,最 ...
sgSpeedMode.js判断360浏览器是“兼容模式”，提示使用“极速模式”
为了达到目的,当用户使用的是浏览器"兼容模式"就会出现以下提示 //极速模式提示信息-最简练的判断方式 if (navigator.userAgent.indexOf(" ...

My97DatePicker IE兼容问题

My97DatePicker IE下不能弹出选择框

已解决

问题描述

解（xin）决（lu）过（li）程（cheng）【不用看】

课代表画重点

My97DatePicker IE兼容问题相关推荐

最新文章

热门文章