热门关键字:
jquery > jquery插件 > jquery时间日期 > 兼容PC和移动设备的日期选择jquery插件mobiscroll

兼容PC和移动设备的日期选择jquery插件mobiscroll

36438
所属分类:jquery时间日期
发布时间:2015/6/4 21:58:57
下载量:6248
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Detail.aspx?id=483

此作品是一款非常实用且兼容PC和移动设备的日期选择jquery插件mobiscroll,是最近开发html5+css3手机APP经常用到的,觉得非常好用,兼容性又好,用户体验又很棒,所以就整理出来分享给大家,还支持设置皮肤、显示方式、日期选择模式、日期格式、语言、是否现在显示、显示的文本内容、开始年份、结束年份。。。


初始化jquery插件代码如下:


$(function () {
	var currYear = (new Date()).getFullYear();	
	var opt={};
	opt.date = {preset : 'date'};
	opt.datetime = {preset : 'datetime'};
	opt.time = {preset : 'time'};
	opt.default = {
		theme: 'android-ics light', //皮肤样式
		display: 'modal', //显示方式 
		mode: 'scroller', //日期选择模式
		dateFormat: 'yyyy-mm-dd',
		lang: 'zh',
		showNow: true,
		nowText: "今天",
		startYear: currYear - 50, //开始年份
		endYear: currYear + 10 //结束年份
	};

	$("#USER_AGE").mobiscroll($.extend(opt['date'], opt['default']));

});
效果如下:


兼容PC和移动设备的日期选择jquery插件mobiscroll





如果您觉得本作品对您的学习有所帮助:支付鼓励



关键字:时间插件 日期选择 jquery插件 弹出层 mobiscroll
  • 兼容PC和移动设备的日期选择jquery插件mobiscroll如果你喜欢学院的资源就下载吧,亲,谢谢!
  • 兼容PC和移动设备的日期选择jquery插件mobiscroll
  • 兼容PC和移动设备的日期选择jquery插件mobiscroll
  • 提示:如果网络问题无法下载,请多尝试几次,与 网站管理员联系 或 本站留言 !

声明: 本站内容均为网友原创或整理于互联网,版权归作品最初创作人,转载请注明(出处)原文链接,转载前请邮件至磐temdy@qq.com,一旦发现造成侵权行为,后果自负。。

友荐云推荐