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

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

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


相关插件-日期和时间

一款精简实用的时间轴插件一timeline

一款精简实用的时间轴插件
  日期和时间
 8650  37

精美js日期选择器,js省市选择器

小巧的js日期选择器。 一个精美的js日期选择器。
  日期和时间
 12990  61

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

轻量级移动端日期选择器
  日期和时间
 1079  9

jQuery时钟插件

jQuery时钟插件
  日期和时间
 19660  29

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

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