QQ客服
當前位置 : 首頁 > 代碼 > 網頁特效 > 其它特效 > 手機版單選多選日期日歷插件

手機版單選多選日期日歷插件

jQuery日歷插件支持自定義樣式 顏色 多選 單選日歷 告別切換狀態重置。告別樣式太死板,可以聯系我繼續修改,聯系郵箱: [email protected]。郵件內容為:想添加什么樣的功能等。
分享到微信朋友圈
X

使用方法:

1、head引入css文件

<style>
.text{
	background-image: url(img/zmcselect.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
</style>

2、head引入js文件

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/b.js"></script>

3、body引入部分

<div id="rili"></div>

<script>
	b.openZDdiy({
		width: 300,//整個控件寬度
		itemheight: 40,//每行日期的高度
		daytextsize: 16,//日期的文字大小
		id: "rili",//設置的布局
		selectimg: 'img/zmcselect.png',//選中的背景圖
		leftimg: 'img/zmcleft.png',//上個月背景圖
		rightimg: 'img/zmcright.png',//下個月背景圖
		mainbac: '#FAFFF9',//整體背景色
		titlebac: '#FDE102',//頭部背景色
		isfromtoday: true,//當天之前的是否不可以點擊
		datelong: 7,//最長可以選擇幾天
		daterange: function(timearray, start, stop){
			console.log(JSON.stringify(timearray) + "==" + start + "==" + stop);//如果超過了7天的話 返回的都是false
		}
	});
</script>
[聲明]本站素材來自用戶分享,僅限學習交流請勿用于商業用途。如損害你的權益請聯系客服QQ:2447402004給予處理。
舉報×
舉報原因:
♂只為妞壞 他的發布 已發布1

相關代碼

二維碼
意見反饋
×
×

注冊

QQ注冊 立即下載 新浪注冊 立即下載

簽到成功!

已連續簽到1天,簽到3天將獲得積分VIP1天

知道了
我爱棋牌下载游戏 竞彩总进球全包打法 吉林快三开奖号码结果查询 山东省群英开奖查询 老虎机刷流水攻略 2013曾道人点特玄机图 上海时时哪儿买的 幸运飞艇走势怎么看 手机网络游戏开发 福建体育时时彩票开奖结果 捕鱼达人3破解版