mobiscroll 3.2.6 使用

帮助文档地址:

https://docs.mobiscroll.com/3-2-6/jquery/select#opt-theme

演示地址:

http://liziwu.net/templates/mobiscroll.3.2.6/index.html

DateTime 选择年:

$("#elementID").mobiscroll().date({
    theme: 'android-holo-light',
    display: 'center',
    mode: 'scroller',
    lang: 'zh',
    dateFormat: 'yy',
    dateWheels: 'yy',
});

DateTime 选择年月

$("#elementID").mobiscroll().date({
    theme: 'android-holo-light',
    display: 'center',
    mode: 'scroller',
    lang: 'zh',
    dateFormat: 'yy-mm',
    dateWheels: 'yymm',
});

DateTime 选择年月日

$("#elementID").mobiscroll().date({
    theme: 'android-holo-light',
    display: 'center',
    mode: 'scroller',
    lang: 'zh',
    dateFormat: 'yy-mm-dd',
    dateWheels: 'yymmdd',
});

DateTime 选择年月日时

$("#elementID").mobiscroll().date({
    theme: 'android-holo-light',
    display: 'center',
    mode: 'scroller',
    lang: 'zh',
    dateFormat: 'yy-mm-dd',
    dateWheels: 'yymmdd',
    timeFormat: 'HH',
    timeWheels: 'HH',
});

DateTime 选择年月日时分

$("#elementID").mobiscroll().datetime({
    theme: 'android-holo-light',
    display: 'center',
    mode: 'scroller',
    lang: 'zh',
    dateFormat: 'yy-mm-dd',
    dateWheels: 'yymmdd',
    timeFormat: 'HH:ii',
    timeWheels: 'HHii',
});

DateTime 选择年月日时分秒,min.js 不支持 ss,.js 文件已修正

$("#elementID").mobiscroll().datetime({
    theme: 'android-holo-light',
    display: 'center',
    mode: 'scroller',
    lang: 'zh',
    dateFormat: 'yy-mm-dd',
    dateWheels: 'yymmdd',
    timeFormat: 'HH:ii:ss',
    timeWheels: 'HHiiss'
});

DateTime 选择时

$("#elementID").mobiscroll().time({
    theme: 'android-holo-light',
    display: 'center',
    mode: 'scroller',
    lang: 'zh',
    dateFormat: 'yy-mm-dd',
    dateWheels: 'yymmdd',
    timeFormat: 'HH',
    timeWheels: 'HH'
});

DateTime 选择时分

$("#elementID").mobiscroll().time({
    theme: 'android-holo-light',
    display: 'center',
    mode: 'scroller',
    lang: 'zh',
    dateFormat: 'yy-mm-dd',
    dateWheels: 'yymmdd',
    timeFormat: 'HH:ii',
    timeWheels: 'HHii'
});

Select 选择数据

$("#elementID").mobiscroll().select({
    theme: 'mobiscroll',
    animate: false,
    display: 'center',
    inputClass: 'form-control',
    lang: 'zh',
    filter: true,
});

管理员

转载请注明出处!如果本博文或者本站对您(网站)的内容/素材构成侵权,请第一时间与本博主联系!

Press ESC to close