关于mobiscroll插件的使用

在网上找了很多资料，各大猿友对这个插件都做了很详细的介绍，我也是看了很多资料才发现原来这个插件有一些需要注意的地方，在这总结了一下：

//时间
    var currYear = (new Date()).getFullYear();
    var opt={};
    opt.date = {preset : 'date'};显示年月日
    opt.datetime = {preset : 'datetime'};年月日时分秒
    opt.time = {preset : 'time'};时分
    opt.default = {
        height:30,每一栏的高度
        width:40,每一栏的宽度
        theme: 'android-ics light', //皮肤样式
        display: 'bottom', //显示方式不是从底部出来，modal表示弹出来
        mode: 'scroller', //日期选择模式
        dateFormat: 'yyyy-mm-dd',
        lang: 'zh',
        showNow: false,//是否显示今天的那个按钮
      /*  nowText: "今天",*/
        startYear: currYear , //开始年份
        endYear: currYear  //结束年份
        maxDate:new Date()//最大日期


    };


    var optTime = $.extend(opt['time'], opt['default']);//初始化时分
    var optDateTime = $.extend(opt['datetime'], opt['default']);//初始化年月日时分秒

    var optDate= $.extend(opt['date'], opt['default']);//初始化年月日


    $("#morning-start-time").mobiscroll(optTime).time(optTime);//注意这里使用的是time,表示的是选择时分 同时也要主要用的是optTime
    $("#morning-start-time").mobiscroll($.extend(opt['date'], opt['default']//直接引用的写法


 $("#morning-start-time").mobiscroll(optDateTime).datetime(optDateTime);//注意这里使用的是datetime,表示的是选择年月日时分秒同时也要注意用的是optDateTime
 $("#morning-start-time").mobiscroll(optDate).date(optDate)//注意这里使用的是date,表示选择年月日，同时也要注意用的是optDate
});

http://www.jq22.com/yanshi4976是从这里得到的启示，可以观摩一下

本来想上传文件的，发现没这功能，如果需要，请在线留言

秒客网

关于mobiscroll插件的使用

相关文章