基于Kalendaer的日期多选-创新互联

笔者，最近遇到一个需求，年份的多选事件。笔者之前见到的大多是月份多选，日子多选，时间多选，但是年份多选还是头回遇到。但是呢，有需求就说明有他存在的可然性。对于强大的代码来说，你觉得他能实现的那么他就一定能实现，还有你觉得他不一定的实现的，他有可能可以实现。
My97DatePicker插件，不能多选；
Kalendae插件，不兼容IE，且也没有关于能支持年份多选的介绍啊。
虽然，没有介绍年份的选择，但是呢，笔者想调试一下使其兼容IE，然后像碰运气一样（修手机的，淘了一台低价进水的手机，修修看）看看能否实现多年份选择。
一、引入Kalendae插件

成都创新互联制作网站网页找三站合一网站制作公司,专注于网页设计,成都网站建设、成都网站设计,网站设计,企业网站搭建,网站开发,建网站业务,680元做网站,已为上1000家服务,成都创新互联网站建设将一如既往的为我们的客户提供最优质的网站建设、网络营销推广服务!

二、修改使其兼容IE8，就够了。
将kalendae.standalone.js中的这段注释

this._events.inputFocus = util.addEvent($input, 'focus', function () {
        changing = true; // prevent setSelected from altering the input contents.
        self.setSelected(this.value);
        changing = false;
        self.show();
    });

    this._events.inputBlur = util.addEvent($input, 'blur', function () {
        if (noclose && util.isIE8()) {
            noclose = false;
            $input.focus();
        }
        else self.hide();
    });

在其后插入这段：

var DEFAULT_VERSION = 8;
var isIE8 = false;
var ua = navigator.userAgent.toLowerCase();
var isIE = ua.indexOf("msie")>-1;
var safariVersion;
if(isIE){
    safariVersion =  ua.match(/msie ([\d.]+)/)[1];
    if(parseInt(safariVersion) <= DEFAULT_VERSION ){
        isIE8 = true;
    }
}
this._events.inputFocus = util.addEvent($input, 'focus', function () {
    changing = true; // prevent setSelected from altering the input contents.
    if(!isIE8){
        self.setSelected(this.value);
    }
    isIE8 = false;
    changing = false;
    self.show();
});
this._events.inputBlur = util.addEvent($input, 'blur', function () {
    if (noclose && util.isIE8()) {
        noclose = false;
        isIE8 = true;
        $input.focus();
    }
    else self.hide();
});

三、接下来，我们探索其能否进行，多年份的选择

好吧，笔者仔细读了一下官方文档（全英文的，都不认得），这货好像只能实现日期的多选，连月份的多选都不能实现，更别说是年份的多选了。看来笔者还得再找找或者自己做做看了（修手机的，淘了个废品）。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

文章名称：基于Kalendaer的日期多选-创新互联
路径分享：http://shouzuofang.com/article/dpdgdi.html