jQuery手机移动端时分秒时间选择插件

jQuery手机移动端时分秒时间选择插件-精品资源网
jQuery手机移动端时分秒时间选择插件
此内容为免费资源,请登录后查看
0
免费资源

jQuery手机移动端时分秒时间选择插件

一款十分简单实用的jQuery手机移动端时分秒时间选择插件,手机网页时分秒选择器代码。

js代码

<script src=\"js/mobileSelect.js\" type=\"text/javascript\"></script>
<script src=\"js/jquery1.8.3.min.js\" type=\"text/javascript\"></script>
<script type=\"text/javascript\">
var numArr1=[\'1\',\'2\',\'3\',\'4\',\'5\',\'6\',\'7\',\'8\',\'9\',\'10\',\'11\',\'12\',\'13\',\'14\',\'15\',\'16\',\'17\',\'18\',\'19\',\'20\',\'21\',\'22\',\'23\',\'24\'];
var numArr2=[\'1\',\'2\',\'3\',\'4\',\'5\',\'6\',\'7\',\'8\',\'9\',\'10\',\'11\',\'12\',\'13\',\'14\',\'15\',\'16\',\'17\',\'18\',\'19\',\'20\',\'21\',\'22\',\'23\',\'24\',\'25\',\'26\',\'27\',\'28\',\'29\',\'30\',\'31\',\'32\',\'33\',\'34\',\'35\',\'36\',\'37\',\'38\',\'39\',\'40\',\'41\',\'42\',\'43\',\'44\',\'45\',\'46\',\'47\',\'48\',\'49\',\'50\',\'51\',\'52\',\'53\',\'54\',\'55\',\'56\',\'57\',\'58\',\'59\',\'60\'];
var mobileSelect3 = new MobileSelect({
    trigger: \'#trigger3\',
    title: \'选择时间\',
    wheels: [
                {data: numArr1},
                {data: numArr2},
                {data: numArr2}
            ],
    position:[0, 0, 0],
    //transitionEnd:function(indexArr, data){
    //    console.log(data);
    //},
    callback:function(indexArr, data){
     	//$(\"#trigger3\").html(\"ccccccccccccccccccccc\");
		
    }
});

/**
 * 参数说明
 * @param trigger(必填参数) 触发对象的id/class/tag
 * @param wheels(必填参数)  数据源,需要显示的数据
 * @param title 控件标题
 * @param position 初始化定位
 * @param callback 选择成功后触发的回调函数,返回indexArr(选中的选项索引)、data(选中的数据)
 * @param transitionEnd 每一次手势滑动结束后触发的回调函数,返回indexArr(当前选中的选项索引)、data(选中的数据)
 */
</script>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容