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

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

    80759
    所属分类:jquery时间日期
    发布时间:2015/6/4 21:58:57
    下载量:12438
    评论数:0
    转载请自觉注明原?#27169;?a href="http://www.7735958.com/Detail.aspx?id=483" title="兼容PC和移动设备的日期选择jquery插件mobiscroll" target="_blank">http://www.7735958.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
    • 提示:如果网络问题无法下载,请多尝试几次,与 网站管理员联系 或 本站留言 !

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

    友荐云推荐
    安徽快3三同号遗漏