Mobiscroll.js手机移动端日期时间选择控件

Mobiscroll.js是一款非常实用的手机移动端日期时间选择控件，jQuery点击弹出日期时间选择器代码，有好几种表现形式，具体看演示。

分类：日期时间 > 日期控件难易：初级

查看演示下载资源下载积分： 20 积分

js代码

<script type="text/javascript" src="js/mobiscroll.custom.min.js"></script>
<script>

        var theme = "ios";
        var mode = "scroller";
        var display = "bottom";
        var lang="zh";


        // Select demo initialization
        $('#demo_select').mobiscroll().select({
            theme: theme,     // Specify theme like: theme: 'ios' or omit setting to use default
            mode: mode,       // Specify scroller mode like: mode: 'mixed' or omit setting to use default
            display: display, // Specify display mode like: display: 'bottom' or omit setting to use default
            lang: lang        // Specify language like: lang: 'pl' or omit setting to use default
        });

        // Date demo initialization
        $('#demo_date').mobiscroll().date({
            theme: theme,
            mode: mode,
            display: display,
            lang: lang
        });

        // Date & Time demo initialization
        $('#demo_datetime').mobiscroll().datetime({
            theme: theme,
            mode: mode,
            display: display,
            lang: lang,
            dateFormat:"yyyy-mm-dd",
            minDate: new Date(2000,3,10,9,22),
            maxDate: new Date(2030,7,30,15,44),
            stepMinute: 1
        });

        // Time demo initialization
        $('#demo_time').mobiscroll().time({
            theme: theme,
            mode: mode,
            display: display,
            lang: lang
        });
    </script>