jQuery日历插件支持自定义样式 颜色 多选 单选日历 告别切换状态重置。告别样式太死板,可以联系我继续修改,联系邮箱: zd_9022952@163.com。邮件内容为:想添加什么样的功能等。
使用方法
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>