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

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

 8316  48  查看评论 (8)
移动端时间选择插件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()  从当前年,当前月,当前日开始}


相关插件-日期和时间

mobiscroll2.13.2手机滑动选择日期时间插件(带星期)

根据mobiscroll2.13.2手机滑动选择日期时间插件(带星期)修改的插件,nowText:
  日期和时间
 17215  122

圆形时间进度条-倒计时

html5 + css3 打造的圆形时间倒计时进度条
  日期和时间
 12116  39

jQuery点击滑动购买时间选择

jQuery选择日期的滑动块代码
  日期和时间
 5732  21

jQuery数字滚动倒计时插件 jQuery Countdown Timer

jQuery数字滚动倒计时插件 jQuery Countdown Timer调用简单,兼容性好。
  日期和时间
 4263  21

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

    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
        感谢反馈,已经修改好了。
    回复
取消回复