兼容PC和移动设备的日期选择jquery插件mobiscroll

作者：admin来源：网络浏览：次时间：2015-06-02 13:10:58我要评论

分享到

内容介绍

此作品是一款非常实用且兼容PC和移动设备的日期选择jquery插件mobiscroll，是最近开发html5+css3手机APP经常用到的，觉得非常好用，兼容性又好，用户体验又很棒，所以就整理出来分享给大家，还支持设置皮肤、显示方式、日期选择模式、日期格式、语言、是否现在显示、显示的文本内容、开始年份、结束年份。。。
初始化jquery插件代码如下：

$(function () {

    var currYear = (new Date()).getFullYear();

    var opt={};

    opt.date = {preset : 'date'};

    opt.datetime = {preset : 'datetime'};

    opt.time = {preset : 'time'};

    opt.default = {

        theme: 'android-ics light', //皮肤样式

        display: 'modal', //显示方式

        mode: 'scroller', //日期选择模式

        dateFormat: 'yyyy-mm-dd',

        lang: 'zh',

        showNow: true,

        nowText: "今天",

        startYear: currYear - 50, //开始年份

        endYear: currYear + 10 //结束年份

    };

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

});