这篇博客介绍了如何使用weeklyCalendar控件来创建周历，并详细阐述了配置默认日期和禁用日期的方法。通过引入js/css文件，设置clickDate回调函数，可以实现在控制台查看点击日期的功能。同时，通过defaultDate参数可以设定默认显示的日期，而disabledDate参数则用于禁用特定日期。
处理后的weeklyCalendar控件的css和js：
提取码：k9x2
weeklyCalendar控件的简单使用：
1：引入js/css(这里注意如果你使用的github下载的空间，其css信息在html中)
2:html：
3:js：
weeklyCalendar('#j_weeklyCalendar',{
//点击日期回调
clickDate:function(dateTime){
console.log(dateTime);
}
});
根据如上我们可以实现周历控件：
点击日期后我们可以在控制台看到我们点击的具体日期信息
我们还可以设置默认日期，只需要配置defaultDate参数即可，如：
weeklyCalendar('#j_weeklyCalendar',{
defaultDate:'2021-05-20',
//点击日期回调
clickDate:function(dateTime){
console.log(dateTime);
}
});
我们还可以设置禁用日期,只需要配置disabledDate参数即可，如：
weeklyCalendar('#j_weeklyCalendar',{
disabledDate:['2020-07-18','2020-07-19','2020-07-20'],
//点击日期回调
clickDate:function(dateTime){
console.log(dateTime);
}
});
如上我们就可以使用weeklyCalendar实现周历控件
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
