移动端时间选择插件mobiscroll 2.5.1修改版

所属分类:输入-日期和时间

 13882  69  查看评论 (14)
移动端时间选择插件mobiscroll 2.5.1修改版 ie兼容8

修改后的文件

(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);

未修改的文件 

(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);

mobiscroll简单配置参数             

//下面注释部分是上面的参数可以替换改变它的样式
//希望一起研究插件的朋友加我个人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()  从当前年,当前月,当前日开始}


相关插件-日期和时间

html+css+js 动态时钟

就是用纯html+js+css写的一个动态时钟
  日期和时间
 10035  79

原创js时钟切换

js时间的切换效果
  日期和时间
 4863  16

延迟跳转

延迟跳转,数字倒数,简单但很实用。很多地方都要用到的。
  日期和时间
 9922  46

轻量级移动端日期选择器mtimer

轻量级移动端日期选择器
  日期和时间
 5787  26

讨论这个项目(14)回答他人问题或分享插件使用方法奖励jQ币

    三月柠檬 0
    2017/9/18 13:00:14

    效果好好哦,,下载收藏

    回复
    爱如梦-习惯一个人的孤单 0
    2017/9/4 16:22:38

    这个怎么添加一个例如下午,中午,晚上这样的?

    回复
    ?.sunny 0
    2017/7/7 13:57:42

    大神 我想问下怎么去掉上午和下午??....我这项目要求不用上下午

        theem0
        2017/8/20 11:29:27
        timeFormat: 'HH:ii',timeWheels: 'HH:ii'
        niuxingyue1
        2017/8/21 15:15:31
        ampmText:'上午/下午',
        timeFormat: 'A',
        timeWheels: 'A'
    回复
    爱死寂寞人 0
    2017/5/20 11:06:15

    效果不错,先下载收藏了.

    回复
    0
    2017/4/13 12:52:59

    挺好用的,赞。有没有参数设定时间选择只能整点或者半点?

        0
        2017/4/13 12:55:30

        还有就是控件比较多,要一个个试着注销挺麻烦,楼主的文档要是详细点就好了

    回复
    Free 0
    2017/3/12 18:12:31

    不知道好不好用

    回复
    血色星期二 0
    2017/2/21 17:11:22

    为什么会报$(...).mobiscroll(...).datetime is not a function的错误呢?

    回复
    sinying01 0
    2017/2/7 14:52:19
    司徒玉钗 0
    2016/12/19 10:12:07
    求助,怎么把 秒 弄出来? 回复
    〆amy、卟弃 5
    2016/11/30 10:11:33
    下载不了啊,文件被删除了
        西瓜0
        2016/11/30 13:11:30
        感谢反馈,已经修改好了。
    回复
取消回复