素材牛VIP会员

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

 所属分类:网页特效-输入/选择框/联动,触屏/拖拽/下拉,时间日期

 浏览:4201次  评论:2次  更新时间:2016-09-13
牛币素材VIP可免积分下载
mobiscroll兼容PC和移动设备的日期选择jQuery插件兼容IE8
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
素材描述:html5+css3手机APP经常用到的,觉得非常好用,兼容性又好,用户体验又很棒,所以就整理出来分享给大家,还支持设置皮肤、显示方式、日期选择模式、日期格式、语言、是否现在显示、显示的文本内容、开始年份、结束年份

详细介绍

使用方法:

引入CSS样式文件

<link rel="stylesheet" href="css/normalize3.0.2.min.css" />
<link rel="stylesheet" href="css/style.css?v=7" />
<link href="css/mobiscroll.css" rel="stylesheet" />
<link href="css/mobiscroll_date.css" rel="stylesheet" />

引入jQuery库文件

<script src="js/jquery.min.js"></script> 
<script src="js/mobiscroll_date.js" charset="gb2312"></script> 
<script src="js/mobiscroll.js"></script> 

插件初始化、参数配置

$(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']));
});

相关素材 - 输入/选择框/联动,触屏/拖拽/下拉,时间日期

讨论这个素材(2)回答他人问题或分享使用心得会奖励牛币

百***生  
2018年05月09日

为什么编码集一定要是gb2312的

素材牛小二:因为文件就GBK的啊,需要其他编码的转换一下
回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0
所需牛币:1 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)