精华内容
下载资源
问答
  • mobiscroll

    2017-11-27 14:19:10
    mobiscroll js jquery时间控件 手机页面时间控件 用于js时间显示
  • Mobiscroll

    2013-11-21 11:05:40
      var currYear = (new Date()).getFullYear(); ... $("#appDatetiem").mobiscroll(optDateTime); $("#apptiem").mobiscroll(optTime);     http://mobiscroll.com/  

     

    var currYear = (new Date()).getFullYear();	
        var optDate = {
                preset: 'date', //日期
                theme: 'android-ics light', //皮肤样式
                display: 'modal', //显示方式 
                mode: 'scroller', //日期选择模式
                lang:'zh',
                showNow: true,
    		    nowText: "今",
                startYear:currYear, //开始年份
                endYear:currYear + 10 //结束年份
            };
        var optDateTime = {
                preset: 'datetime', //日期
                theme: 'android-ics light', //皮肤样式
                display: 'modal', //显示方式 
                mode: 'scroller', //日期选择模式
                lang:'zh',
                showNow: true,
    		    nowText: "今",
                startYear:currYear, //开始年份
                endYear:currYear + 10 //结束年份
            };
        var optTime = {
                preset: 'time', //日期
                theme: 'android-ics light', //皮肤样式
                display: 'modal', //显示方式 
                mode: 'scroller', //日期选择模式
                lang:'zh',
                showNow: true,
    		    nowText: "今",
                startYear:currYear, //开始年份
                endYear:currYear + 10 //结束年份
            };
    
    $("#appDate").mobiscroll(optDate);
    			    $("#appDatetiem").mobiscroll(optDateTime);
    			    $("#apptiem").mobiscroll(optTime);

     

    <input type="text" name="appDate" id="appDate" />
    <input type="text" name="appDatetiem" id="appDatetiem" />
    <input type="text" name="apptiem" id="apptiem" />

     http://mobiscroll.com/

     

    展开全文
  • mobiscroll日历控件

    2020-12-23 13:46:36
    mobiscroll日历控件
  • Mobiscroll.zip

    2019-07-01 09:28:19
    这个是mobiscroll-2.13.2 版本的插件,包含完整css和js代码
  • mobiscroll.css

    2016-06-01 15:37:37
    mobiscroll.css
  • 移动端mobiscroll时间控件的使用 可以简单的配置相关参数来实现要选择的时间或者日期格式,具体的还可以设置样式文件的
  • 日历控件Mobiscroll JS插件
  • mobiscroll多选互斥

    2017-10-23 10:41:18
    mobiscroll多选互斥。实现select的多选分组互斥操作。例如,选择“无”之后,反选所有用户之前选中的值,让用户减少无用的点击
  • 日期控件Mobiscroll3.0

    2017-05-09 14:55:34
    日期控件Mobiscroll3.0
  • mobiscroll-2.14.4

    2015-02-03 15:55:55
    mobiscroll日期,时间插件源码(非试用)
  • jquery mobiscroll

    2018-03-13 11:35:06
    mobiscroll.android-ics-2.5.2.js 配置文件 修改下拉框宽高时不要去修改样式,直接配置即可,有时配置出来的宽度在火狐跟谷歌浏览器上差异很大,可以在逻辑界面直接设置下拉框的宽度为窗口界面宽度的百分比即可。 ...

    mobiscroll.android-ics-2.5.2.js 配置文件

    修改下拉框宽高时不要去修改样式,直接配置即可,有时配置出来的宽度在火狐跟谷歌浏览器上差异很大,可以在逻辑界面直接设置下拉框的宽度为窗口界面宽度的百分比即可。

    (function ($) {
        var theme = {
            defaults: {
                dateOrder: 'Mddyy', // 日期显示的格式 M英文缩写 一般设置为'mmddyy' 三列显示顺序为月 日 年
                mode: 'mixed',
                rows: 5,    // 显示的下拉选择项的行数
                width: 60,    // 下拉框宽度系数
                height: 50,    // 下拉框高度系数
                showLabel: false // 是否显示 年月日标签
            }
        }
    
        $.mobiscroll.themes['android-ics'] = theme;
        $.mobiscroll.themes['android-ics light'] = theme;
    
    })(jQuery);


    mobiscroll.core-2.5.2.js 下拉选择逻辑和样式属性设置文件

    自己根据需要去修改


    mobiscroll.datetime-2.5.1-zh.js 插件语言文件

    文件引入后,调用时直接设置 lang 属性为定义的 zh
    即可

    (function ($) {
        $.mobiscroll.i18n.zh = $.extend($.mobiscroll.i18n.zh, {
            dateFormat: 'yyyy-mm-dd hh:ii:ss',
            dateOrder: 'yymmdd',
            dayNames: ['周日', '周一;', '周二;', '周三', '周四', '周五', '周六'],
            dayNamesShort: ['日', '一', '二', '三', '四', '五', '六'],
            dayText: '日',
            hourText: '时',
            minuteText: '分',
            monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
            monthNamesShort: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
            monthText: '月',
            secText: '秒',
            timeFormat: 'HH:ii',
            timeWheels: 'HHii',
            yearText: '年',
            setText: '确定',
            cancelText: '取消'
        });
    })(jQuery);


    时间选择实例

    <!DOCTYPE html>  
    <html>  
    <head>  
        <meta charset="UTF-8">  
        <title>hangge.com</title>  
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <link rel="stylesheet" type="text/css" href="./css/mobiscroll.core-2.5.0.css" />
        <link rel="stylesheet" type="text/css" href="./css/mobiscroll.android-ics-2.5.0.css" />
        <link rel="stylesheet" type="text/css" href="./css/mobiscroll.animation-2.5.2.css" />
        <script type="text/javascript" src="./jquery-1.11.1.min.js">  </script>
        <script type="text/javascript" src="./js/mobiscroll.core-2.5.0.js"></script>
        <script type="text/javascript" src="./js/mobiscroll.android-ics-2.5.0.js"></script>
        <script type="text/javascript" src="./js/mobiscroll.core-2.5.2-zh.js"></script>  
        <script type="text/javascript" src="./js/mobiscroll.datetime-2.5.0.js"></script>
        <script type="text/javascript" src="./js/mobiscroll.datetime-2.5.1-zh.js"></script>
        <script type="text/javascript" src="./js/mobiscroll.select-2.5.0.js"></script>
        <script type="text/javascript">
            $(function () {  
                var currYear = (new Date()).getFullYear();    
                var opt={};  
                opt.date = {
                    preset : 'date',
                    minDate:new Date(),
                    stepMinute: 1
                };
                opt.default = {  
                    theme: 'android-ics light', //皮肤样式
                    display: 'modal', //显示方式 :modal(正中央)  bottom(底部)
                    mode: 'scroller', //日期选择模式
                    lang:'zh',   // 语言
                    startYear:currYear - 20,  //开始年份currYear-20不起作用的原因是加了minDate: new Date()
                    endYear:currYear + 20 //结束年份
                    //minDate: new Date() //加上这句话会导致startYear:currYear-20失效,去掉就可以激活startYear:currYear-20,
                };
                $("#appDateTime").val('').scroller('destroy').scroller($.extend(opt['date'], opt['default']));
                $("#appDateTime").scroller('setDate', new Date(), true);
            });  
        </script>  
    </head>  
    <body>
         <input id="appDateTime" name="in_date"  />
    </body>
    </html>

    https://download.csdn.net/download/qq_27868533/10283443

    展开全文
  • 手机日期插件mobiscroll奇巧淫技 mobiscroll 中文API
                         

    温馨提示:强烈建议使用:https://github.com/zhoushengmufc/iosselect

    不建议使用

    demo下载链接:http://download.csdn.net/detail/cometwo/9376336

    mobiscroll 扩展:http://download.csdn.net/detail/cometwo/9376397

    这里写图片描述
     这里写图片描述
    这里写图片描述
    这里写图片描述

    上一个国产轻量级的:http://download.csdn.net/detail/cometwo/9394560

    这里写图片描述

    <!DOCTYPE html><html lang="en">    <head>        <meta charset="UTF-8">        <title>手机时间选择</title>        <meta content="initial-scale=1.0,maximum-scale=1.0,width=device-width" name="viewport">        <meta name="apple-touch-fullscreen" content="YES">        <meta name="format-detection" content="telephone=no">        <meta name="apple-mobile-web-app-capable" content="yes">        <meta name="apple-mobile-web-app-status-bar-style" content="black">        <meta http-equiv="Expires" content="-1">        <meta http-equiv="pragram" content="no-cache">        <link rel="stylesheet" href="css/reset.css" />        <link rel="stylesheet" href="css/bootstrap.min.css" />        <link rel="stylesheet" href="css/common.css" />        <link rel="stylesheet" href="css/info_self.css" />        <script src="js/jquery-1.11.1.min.js"></script>        <!--手机日期-->        <script src="js/mobiscroll.core-2.5.2.js" type="text/javascript"></script>        <script src="js/mobiscroll.core-2.5.2-zh.js" type="text/javascript"></script>        <link href="css/mobiscroll.core-2.5.2.css" rel="stylesheet" type="text/css" />        <link href="css/mobiscroll.animation-2.5.2.css" rel="stylesheet" type="text/css" />        <script src="js/mobiscroll.datetime-2.5.1.js" type="text/javascript"></script>        <script src="js/mobiscroll.datetime-2.5.1-zh.js" type="text/javascript"></script>        <!-- S 可根据自己喜好引入样式风格文件 -->        <script src="js/mobiscroll.android-ics-2.5.2.js" type="text/javascript"></script>        <link href="css/mobiscroll.android-ics-2.5.2.css" rel="stylesheet" type="text/css" />    </head>    <script type="text/javascript">        $(function() {            var currYear = (new Date()).getFullYear();            var opt = {};            opt.datetime = {                preset: 'datetime'            };            opt.default = {                theme: 'android-ics light', //皮肤样式                display: 'modal', //显示方式 :modal(正中央)  bottom(底部)                mode: 'scroller', //日期选择模式                lang: 'zh',                startYear: currYear - 5, //开始年份currYear-5不起作用的原因是加了minDate: new Date()                endYear: currYear + 5, //结束年份                //minDate: new Date() //加上这句话会导致startYear:currYear-5失效,去掉就可以激活startYear:currYear-5,            };            $("#appDate").val('').scroller('destroy').scroller($.extend(opt['date'], opt['default']));            var optDateTime = $.extend(opt['datetime'], opt['default']);            $("#appDateTime1").mobiscroll(optDateTime).datetime(optDateTime);        });    </script>    <body>        <h1>之所以可以显示上下午是修改了源文件mobiscroll.datetime-2.5.1-zh.js</h1>        <dd class="info_list mt10">            <span class="inDis lable_tit" style="color: red;font-size: 25px;">时间选择</span>            <div class="inDis input_w">                <input type="text" required name="VisitTime" id="appDateTime1" class="select_w" />                <i class="red">*</i>            </div>        </dd>        <h2>修改后的文件</h2>        <pre>            (function ($) {        $.mobiscroll.i18n.zh = $.extend($.mobiscroll.i18n.zh, {        dateFormat: 'yyyy-mm-dd',        dateOrder: 'yymmdd',        dayNames: ['周日', '周一;', '周二;', '周三', '周四', '周五', '周六'],        dayNamesShort: ['日', '一', '二', '三', '四', '五', '六'],        dayText: '日',        hourText: '时',        minuteText: '分',        monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],        monthNamesShort: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],        monthText: '月',        secText: '秒',        timeFormat: 'HH:ii',        timeWheels: 'HHii',        yearText: '年',        ampmText:'上午/下午',        timeFormat: 'A',        timeWheels: 'A'    });})(jQuery);        </pre>        <h2>未修改的文件</h2>        <pre>(function ($) {    $.mobiscroll.i18n.zh = $.extend($.mobiscroll.i18n.zh, {        dateFormat: 'yyyy-mm-dd',        dateOrder: 'yymmdd',        dayNames: ['周日', '周一;', '周二;', '周三', '周四', '周五', '周六'],        dayNamesShort: ['日', '一', '二', '三', '四', '五', '六'],        dayText: '日',        hourText: '时',        minuteText: '分',        monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],        monthNamesShort: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],        monthText: '月',        secText: '秒',        timeFormat: 'HH:ii',        timeWheels: 'HHii',        yearText: '年'    });})(jQuery);        </pre>      <h2>mobiscroll简单配置参数</h2>       <pre>                //下面注释部分是上面的参数可以替换改变它的样式                //希望一起研究插件的朋友加我个人QQ:1010305129也可以,本人也建个群 291464597 欢迎进群交流。哈哈。这个不能算广告。                // 直接写参数方法                //$("#scroller").mobiscroll(opt).date();                 // Shorthand for: $("#scroller").mobiscroll({ preset: 'date' });                //具体参数定义如下                //{                //preset: 'date', //日期类型--datatime --time,                //theme: 'ios', //皮肤其他参数【android-ics light】【android-ics】【ios】【jqm】【sense-ui】【sense-ui】【sense-ui】                //【wp light】【wp】                //mode: "scroller",//操作方式【scroller】【clickpick】【mixed】                //display: 'bubble', //显示方【modal】【inline】【bubble】【top】【bottom】                //dateFormat: 'yyyy-mm-dd', // 日期格式                //setText: '确定', //确认按钮名称                //cancelText: '清空',//取消按钮名籍我                //dateOrder: 'yymmdd', //面板中日期排列格                //dayText: '日',                 //monthText: '月',                //yearText: '年', //面板中年月日文字                //startYear: (new Date()).getFullYear(), //开始年份                //endYear: (new Date()).getFullYear() + 9, //结束年份                //showNow: true,                //nowText: "明天",  //                //showOnFocus: false,                //height: 45,                //width: 90,                //rows: 3,                //minDate: new Date()  从当前年,当前月,当前日开始}       </pre>    </body></html>
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62
    • 63
    • 64
    • 65
    • 66
    • 67
    • 68
    • 69
    • 70
    • 71
    • 72
    • 73
    • 74
    • 75
    • 76
    • 77
    • 78
    • 79
    • 80
    • 81
    • 82
    • 83
    • 84
    • 85
    • 86
    • 87
    • 88
    • 89
    • 90
    • 91
    • 92
    • 93
    • 94
    • 95
    • 96
    • 97
    • 98
    • 99
    • 100
    • 101
    • 102
    • 103
    • 104
    • 105
    • 106
    • 107
    • 108
    • 109
    • 110
    • 111
    • 112
    • 113
    • 114
    • 115
    • 116
    • 117
    • 118
    • 119
    • 120
    • 121
    • 122
    • 123
    • 124
    • 125
    • 126
    • 127
    • 128
    • 129
    • 130
    • 131
    • 132
    • 133
    • 134
    • 135
    • 136
    • 137
    • 138
    • 139
    • 140
    • 141
    • 142
    • 143
    • 144
    • 145
    • 146

    配置API

                //下面注释部分是上面的参数可以替换改变它的样式            //希望一起研究插件的朋友加我个人QQ:1010305129也可以,本人也建个群 291464597 欢迎进群交流。哈哈。这个不能算广告。            // 直接写参数方法            //$("#scroller").mobiscroll(opt).date();             // Shorthand for: $("#scroller").mobiscroll({ preset: 'date' });            //具体参数定义如下            //{            //preset: 'date', //日期类型--datatime --time,            //theme: 'ios', //皮肤其他参数【android-ics light】【android-ics】【ios】【jqm】【sense-ui】【sense-ui】【sense-ui】            //【wp light】【wp】            //mode: "scroller",//操作方式【scroller】【clickpick】【mixed】            //display: 'bubble', //显示方【modal】【inline】【bubble】【top】【bottom】            //dateFormat: 'yyyy-mm-dd', // 日期格式            //setText: '确定', //确认按钮名称            //cancelText: '清空',//取消按钮名籍我            //dateOrder: 'yymmdd', //面板中日期排列格            //dayText: '日',             //monthText: '月',            //yearText: '年', //面板中年月日文字            //startYear: (new Date()).getFullYear(), //开始年份            //endYear: (new Date()).getFullYear() + 9, //结束年份            //showNow: true,            //nowText: "明天",  //            //showOnFocus: false,            //height: 45,            //width: 90,            //rows: 3,            //minDate: new Date()  从当前年,当前月,当前日开始}
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
               

    再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow

    展开全文
  • 手机端漂亮的日期插件mobiscroll,免费使用

    千次下载 热门讨论 2015-01-09 16:53:21
    mobiscroll,很漂亮的日期插件,兼容性好,支持web、APP、wap手机端开发;附件包含了一张效果图,其他效果调整参数即可见。 本附件亮点: 1,下载附件即可免费使用(官方下载需收费,网址:...
  • 移动端日历,mobiscroll 滑动 兼容PC和移动设备的滑动插件
  • mobiscroll日期插件

    2019-10-28 13:54:50
    移动端日期插件mobiscroll的使用及基本参数设置 1、下载并引入js文件(mobiscroll.3.0.0.js) 下载地址:[http://download.mobiscroll.com/] 2、 $("#date-select-box").mobiscroll().date({ theme: "ios",//选择...

    移动端日期插件mobiscroll的使用及基本参数设置

    1、下载并引入js文件(mobiscroll.3.0.0.js)
    下载地址:[http://download.mobiscroll.com/]

    2、

    $("#date-select-box").mobiscroll().date({
    		theme: "ios",//选择设备
    		dateFormat: 'yyyy-mm-dd',//设置日期格式
    		lang: 'zh',//设置语言
    		startYear:year,//设置开始年份
    		max:new Date(date.getTime()-24*60*60*1000),//设置最大日期,这里的意思是设置为当前时间的前一天
    		onSet:function(event, inst){
    			var date = event.valueText;
                dosometing();//获取选中的日期,以及选中日期后的回调
               } 
    	})
    

    3、选择中文是,年份与月份之间的样式间距可能会比较大,影响美观,可直接根据选择器来修改样式

    展开全文
  • Angular-mobiscroll.zip

    2019-09-18 09:33:26
    Angular-mobiscroll.zip,用于渐进式web和混合应用程序(普通js、jquery、angular和react)mobiscroll的跨平台ui控件,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 540
精华内容 216
关键字:

mobiscroll