下载：jcal
简单说明下其使用：
参数说明：
- $('#calOne').jCal({
- day: new Date(), // 初始日期设置，一般是当前的，所以填写为new Date
- days:1, // 当你鼠标移动到日期控件上默认所选择的日期数
- showMonths: 1, // 日期控件的个数，如果你填写2，那么将会显示相邻二个月的日期
- monthSelect:false, // 是否允许月份选择
- dCheck:function (day) { return true; }, // 你可以设置一些日期不可选（参考实例）
- callback: function (day, days) { return true; }, // 点击日期时候的回调函数（参考实例）
- selectedBG: 'rgb(0, 143, 214)', // 日期被选择后的背景颜色（貌似无效）
- defaultBG:'rgb(255, 255, 255)', // 日期没有被选择时的背景颜色（貌似无效）
- dayOffset:0, // 意味着日期排序从星期日开始，1意味着从星期一
- forceWeek:false, // true=force selection at start of week, false=select days out from selected day
- dow: ['S', 'M', 'T', 'W', 'T', 'F', 'S'], // 设置日期表格行头，是转化成中文的关键
- ml: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],//月份的名称，可以转化为中文
- ms: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']//月份的简写
- })
一个调用的例子
- $(document).ready(function () {
- $('#calTwo').jCal({
- day: new Date(),
- days: 1,
- showMonths: 1,
- monthSelect: true,
- sDate: new Date(),
- dCheck: function (day) {
- if ( day.getTime() == (new Date('8/7/2008')).getTime() ) return false;
- return (day.getDate() != 3);
- },
- callback:function (day, days) {
- $('#calTwoDays').val( days );
- $('#calTwoResult').append('<div style="clear:both; font-size:12px;">' + days + ' days starting ' +
- ( day.getMonth() + 1 ) + '/' + day.getDate() + '/' + day.getFullYear() + '</div>');
- return true;
- },
- dayOffset: 1,
- dow: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
- ml: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
- });
- });
