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


7254 | 357  | 714 | 添加收藏 上一个 下一个
资源描述 : 插件是非要弄成一样的效果,无奈写了1个,原创作品作者分享给大家看下
选择生日,弹出框pc插件可直接输入,可上下移动,成功有回调
资源详情

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
    }
})


指尖代码 资源每日更新 www.zjdaima.com