选择生日，弹出框pc插件可直接输入，可上下移动，成功有回调

所属分类： JQ特效输入日期和时间

查看演示立即下载

插件描述：插件是非要弄成一样的效果，无奈写了1个，原创作品作者分享给大家看下

更新时间：2017/2/9 上午10:23:56

更新说明：

//版本2 解决了，如果本身input里面有值的情况，值变成默认值的情况

解决了ie低版本兼容问题

//下版本会加鼠标滚轮滚动修改值，有时间会加上。提前预告1下...

1.此插件必须要有个div的父级元素，方便生成的插件好定位

<div class="div_input" style="position: relative;">
<input type="text" name="" id="dataInput" value="" />
    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Monaco; color: #289c97}
    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Monaco; color: #4f5d66}
    span.s1 {color: #4f5d66}
    span.s2 {color: #2b7ec3}
    span.s3 {color: #d74200}
    span.s4 {color: #48565d}
    span.s5 {color: #4a8a01}
    span.s6 {color: #d16400}
    span.Apple-tab-span {white-space:pre}
</div>

2.傻瓜调用方式

$(function() {
    $("#dataInput").off("timeData").on("timeData",
    function(event) {
        alert("回调函数"); //回调函数这里是我给用户留的个万一关闭之后需要跟进的业务逻辑，比如说angular指令调用ui插件之后，必须需要回调函数，从新挂在到$scope上等                 
    }).dataYear({
        dataTop: 33 //此参数是弹出插件距离input的定位距离
        p.p1 {
            margin: 0.0px 0.0px 0.0px 0.0px;
            font: 12.0px Monaco;
            color: #4f5d66
        }
        span.s1 {
            color: #ad42ef
        }
    }) p.p1 {
        margin: 0.0px 0.0px 0.0px 0.0px;
        font: 12.0px Monaco;
        color: #4663cc
    }
    p.p2 {
        margin: 0.0px 0.0px 0.0px 0.0px;
        font: 12.0px Monaco;
        color: #289c97
    }
    p.p3 {
        margin: 0.0px 0.0px 0.0px 0.0px;
        font: 12.0px Monaco;
        color: #060606
    }
    span.s1 {
        color: #060606
    }
    span.s2 {
        color: #4663cc
    }
    span.s3 {
        color: #b58a00
    }
    span.s4 {
        color: #289c97
    }
    span.Apple - tab - span {
        white - space: pre
    }
})

原创作品，如果转载请注明出处827879040@qq.com

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： jquer视频插件jPlayer跨设备兼容
下一个特效： jQuery手风琴动画效果