Jquery mobiscroll 移动设备(手机)wap日期时间选择插件以及滑

$(function () {
    var currYear = (new Date()).getFullYear();    
    var opt={};
    //opt.date = {preset : 'date'};
    //opt.datetime = {preset : 'date'};
    //opt.time = {preset : 'time'};
    opt.default = {
        theme: 'android-ics light', //皮肤样式
        display: 'modal', //显示方式 
        mode: 'scroller', //日期选择模式
        dateFormat: 'yy',
        dateOrder:'yyyy', --显示的 年,月,日,年月,年月日,月日
        lang: 'zh',
        preset : 'date',
        //showNow: true,
        //nowText: "今天",
//maxDate: new Date(2018, 11,11),//设置最大值
        //minDate: new Date(2018, 11,11),//设置最小值
        startYear: currYear - 50, //开始年份 
endYear: currYear + 10, //结束年份
     onSelect:function(textVale,inst){ //选中时触发事件
           console.log("我被选中了.....");
       },
        onClose:function(textVale,inst){ //插件效果退出时执行 inst:表示点击的状态反馈:set/cancel
            console.log("textVale--"+textVale);
            console.log(this.id);//this表示调用该插件的对象
        }

};
$(
"#USER_AGE").mobiscroll($.extend(opt['date'], opt['default'])); });

 

posted @ 2018-12-05 11:09  杜子烟  阅读(642)  评论(0编辑  收藏  举报