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

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

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


相关插件-日期和时间

适合酒店住房日期选择的插件jQuery Date Range Picker

jQuery Date Range Picker 是一个允许用户自己选择时间范围的 jQuery 插件,支持多语言,支持添加定义新语言
  日期和时间
 22875  49

jQuery发展历程时间轴插件

鼠标左右拖动、鼠标点击左右箭头、键盘左右方向键控制内容左右移动
  日期和时间
 8481  71

jQuery倒计时插件countdown.js

3种jquery翻拍样式倒计时插件html5倒计时特效代码
  日期和时间
 2957  11

网站上线倒计时html5

一个倒计时模板。
  日期和时间
 15445  45

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

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

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

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