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天

知道了
我爱棋牌下载游戏 918通比牛牛手机版 一分快3大小单双技巧 北京pk赛车开奖直播 为什么时时彩先赢后输 AG电子游戏怎么赢钱 北京时时是官方 新疆时时和值走势图 彩控网 北京pk十开奖历史记录 牛牛看牌抢庄做庄胜率