【原】javascript日历控件之jCal

javascript日历组件jcal详解，及参数说明和实例下载
效果如下：


一、页面中引入jCal.js
<script language="JavaScript" type="text/javascript" src="jCal.js"></script>

html：

$('#calOne').data('day', [new Date('3/24/2014'), new Date('3/26/2014')]); /*默认选中的日期， 开始时间2014-03-24， 结束时间2014-03-26
$('#calOne').jCal({
	chooseNum: 2, /*最多允许选中几个日期*/
	day: new Date("2014-03-01"), //设置显示的年月份
	days: 1,
	showMonths: 2, /*一次显示2个月*/
	monthSelect: true,
	dCheck: function (day) { /*返回false时日期不可点击*/
		var filter = [20140320, 20140321, 20140322, 20140323]; /*这些日期不允许点击*/
		day = day.getFullYear() * 10000 + (day.getMonth() + 1) * 100 + day.getDate();
		for (var i = 0; i < filter.length; i++) {
			if (filter[i] == day)
				return false;
		}
		return true;
	},
	callback: function (day, days) { /*点击日期时的回调函数*/
		
	}
});		

点此下载实例
另外html自带日历属性，请点此链接