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>