解决时间插件mobiscroll在使用过程中的一个小缺陷

最近在写一个web项目时，需要有一个根据年份查询当年入职人员资料的功能，于是我选择了mobiscroll这个插件做了时间滚轮。一开始感觉效果不错，但是在测试的时候发现了一个小bug。
因为在同一个页面中用户也可以通过查询id将入职时间查出，所以当时就直接把通过id查出的入职时间(in_year)赋给了时间滚轮$(“#enroll”).val(in_year).但是使用时会发现滚轮上显示的时间和你赋值的in_year不一致，如图这里时间滚轮上显示的时2014年，但是我通过id查询回来的in_year可能是2015年。所以即使将滚轮的值设为2015，但滚轮上显示的还是2014。

这样，不知道情况的用户看到了滚轮上显示的是2014点击查询按钮显示的却是2015年的信息。在网上搜了一下没找到什么专门的解决方法，于是只好通过修改一些代码逻辑来解决这个bug。
首先在js文件中定义一个全局变量global与current来记录滚轮最新显示的时间与通过id查询到的入职时间：

    global=null;current=null;$("#enroll").change(function(){global=$("#enroll").val()});

接着在时间滚轮的查询按钮事件searching()中编写代码：

function searching(){if(current!=null&&global!=null){   //判断设置，以时间轮的显示时间为准if(current!=global &&$("#enroll").val()==current){ $("#enroll").val(global);}}//将 $("#enroll").val()传给后台的方法searchByYear();//每次点击查询按钮后，都将两个全局变量置为nullglobal=null;current=null;}

最后，只要在根据id查询入职年份的返回的方法中写：

       if(global==null)global=$("#enroll").val();current=in_year;$("#enroll").val(in_year);

这样修改后之前描述的问题就没出现过了，如果有更好的方法希望留言！

解决时间插件mobiscroll在使用过程中的一个小缺陷相关推荐

传奇引擎在服务器上无响应,如何解决传奇3服务器在运营过程中出现假死情况...
现在市场上对于传奇3私服游戏架设已经有了一套非常完整的攻略方法,但是大多数方法并不一定适合新手传奇3gm,因为这些方法基本上都是针对一些具备基础技术的人写的.但是在目前的市场上真正想要成为传奇3gm的 ...
利用dft对连续信号进行频谱分析_利用DFT对连续时间信号进行近似频谱分析过程中，减小栅栏效应的常用方法是_______;通过_______的方法可以提高频率分辨率。（）...
利用DFT对连续时间信号进行近似频谱分析过程中,减小栅栏效应的常用方法是_______;通过_______的方法可以提高频率分辨率.() 答:减小采样间隔:提高采样点数川乌既祛风湿,又能: 答:散寒 ...
十大面试问题解惑，秒杀一切HR、技术面试。程序员必读！最能体现求职者能力的就是面试，能不能拿到Offer，取决于你面试时的表现，只有有准备才能在面试过程中游刃有余。小编收集了10个面试官最爱提的问题
十大面试问题解惑,秒杀一切HR.技术面试.程序员必读! 最能体现求职者能力的就是面试,能不能拿到Offer,取决于你面试时的表现,只有有准备才能在面试过程中游刃有余.小编收集了10个面试官最爱提的问题 ...
Android启动过程中执行一个C语言的应用程序或者执行shell脚本
Android启动过程中执行一个C语言的应用程序或者执行shell脚本一.Android启动过程中去对系统做一些设置,如修改某些文件夹的属性和文件的权限,可在init.rc中增加service执行s ...
儿童生命过程中的一个秘密——敏感期
多少父母知道,婴儿刚出生时喜欢看黑白相界的地方,而不是人们通常认为的彩球?婴幼儿喝了糖水后为什么拒绝再喝白水?他为什么爱吃手?还对非常微小的东西感兴趣?他为什么不断扔掉手里的东西,你捡起来递给他, ...
python画简便的图-python 实现在一张图中绘制一个小的子图方法
有时候为了直观展现图的信息,可以在大图中添加小子图的方式进行数据分析,如下图所示: 具体的代码如下:该图连接了数据库,当然重要的不是数据展示,而是添加子图的方法. import matplotlib. ...
python 子图_python 实现在一张图中绘制一个小的子图方法
有时候为了直观展现图的信息,可以在大图中添加小子图的方式进行数据分析,如下图所示: 具体的代码如下:该图连接了数据库,当然重要的不是数据展示,而是添加子图的方法. import matplotlib. ...
python画50个图-python 实现在一张图中绘制一个小的子图方法
有时候为了直观展现图的信息,可以在大图中添加小子图的方式进行数据分析,如下图所示: 具体的代码如下:该图连接了数据库,当然重要的不是数据展示,而是添加子图的方法. import matplotlib. ...
React学习中的一个小实战（智能社）
最近在学习React,跟着前端blue大神学习基础,这是课程中的一个小案例,因为不会,希望写博客来加强记忆. 此案例是用React来实现豆瓣电影的前后端数据交互. 首先来看一下改之前的源码. 博客会附 ...

解决时间插件mobiscroll在使用过程中的一个小缺陷

解决时间插件mobiscroll在使用过程中的一个小缺陷相关推荐

最新文章

热门文章