前言#

日历控件在一些旅游、教育、约车、学习类APP中经常被使用到，但是往往系统的NSCalendar控件都是不能满足我们项目的需要的，所以我们就会想“会不会有什么第三方日历控件能满足我们的需求”，好不容易找到一个第三方了，但是接下来我们又头疼了，第三方可能会有以下几个问题：
1、第三方日历控件这么多，我们应该用哪个？
2、第三方控件一般都集成了很多功能，但是我只是用其中一个小小的功能，就要集成他这么多文件？
3、要是第三方控件遇到版本更新，我们还必须更新，如果有什么bug，那就更加得不偿失了，等等缺点？

因此，我建议大家对于自己项目所用的日历控件，最好自定义一个匹配自己的项目，那么，怎么自定义呢？

详情代码请直接下载demo查看：
直接拖到项目可以使用-自定义日历-LZBCalendar

怎样自定义一个日历控件####

一、整体结构分析####

常规日历控件包括三个部分：
1.年月份的选择 （下图头部）
2.星期几 （中间头部）
3.日期 （底部日期）

常用日历结构.png

二、分析日历应该怎么做####

1、头部比较简单，就是点击按钮切换月份，获取年月就可以（一般是获取当前年和当前月）

 - (NSDateComponents *)getDateComponentsFromDate:(NSDate *)date

 {
    NSDateComponents *component = [[NSCalendar currentCalendar] components:
                             (NSCalendarUnitYear | NSCalendarUnitMonth | NSCalendarUnitDay) fromDate:date];
    return component;
  }

2、星期的样式是固定的，这个可以自己设置一个数组，保存日期的风格可以是中文@[@"日",@"一",@"二",@"三",@"四",@"五",@"六"]，也可以是English

3、日期控件采用UICollectionView，但是必须要解决几个问题：
A、要采用多少个UICollectionViewCell，不同个数的UICollectionViewCell将决定UICollectionView的高度？
解决：如果知道一个月有多少天，就知道最少需要多少个UICollectionViewCell。

 求出date的这个月有多少天

- (NSInteger)totalDaysThisMonth:(NSDate *)date
 {
   NSRange range = [[NSCalendar currentCalendar] rangeOfUnit:NSCalendarUnitDay inUnit:NSCalendarUnitMonth forDate:date];
   return range.length;
}

还要知道这个月的第1天是星期几，才能知道前面应该空几个UICollectionViewCell

  求出这个月的第1天使星期几，前面空几个cell

 - (NSInteger)firstDayInFirstWeekThisMonth:(NSDate *)date
{
NSCalendar *calendar = [NSCalendar currentCalendar];
[calendar setFirstWeekday:1];
NSDateComponents *comp = [calendar components:(NSCalendarUnitYear | NSCalendarUnitMonth | NSCalendarUnitDay) fromDate:date];
comp.day = 1;
NSDate *firstDayOfMonthDate = [calendar dateFromComponents:comp];
NSUInteger firstWeekday = [calendar ordinalityOfUnit:NSCalendarUnitWeekday inUnit:NSCalendarUnitWeekOfMonth forDate:firstDayOfMonthDate];
return firstWeekday-1;
}

求出前面空几个cell,可以用极限法知道，cell总共可能有多少个

#define limitation_Low  28

#define limitation_Medium  35
#define limitation_High  42

B、确定了cell的高度,可以计算出UICollectionView的高度,把高度回调用出去

//collectinView高度

  NSInteger marginDays = [self firstDayInFirstWeekThisMonth:self.style.today];
NSInteger itemCount = marginDays + [self totalDaysThisMonth:self.style.today];
CGFloat collectionViewHeight = 0;
if(itemCount <= limitation_Low)
    collectionViewHeight = limitation_Low/self.style.weekDateDays.count *self.itemHeight;
else if(itemCount > limitation_Low && itemCount <=limitation_Medium)
    collectionViewHeight = limitation_Medium/self.style.weekDateDays.count *self.itemHeight;
else
    collectionViewHeight = limitation_High/self.style.weekDateDays.count *self.itemHeight;
self.collectionView.frame = CGRectMake(0, 0, self.bounds.size.width, collectionViewHeight);
self.contentView.frame = CGRectMake(0, CGRectGetMaxY(self.headerView.frame), self.bounds.size.width, collectionViewHeight);

三、自定义日历整体设计以及使用####

1、由于日历的样式设置比较多，建议采用一个单独的类来设置日历的基本样式
比如：LZBCalendarAppearStyle

2、自定义UICollectionViewCell，应该包括标题的详细信息label(根据自己的项目需要)

3、采用datasource数据源方式设置日历的显示样式,如果返回nil，就是显示默认参数

@property (nonatomic, weak)  id<LZBCalendarDataSource> dataSource;

- (NSString *)calendar:(LZBCalendar *)calendar titleForDate:(NSDate *)date;
- (NSString *)calendar:(LZBCalendar *)calendar subtitleForDate:(NSDate *)date;

4、采用delegate方式回调响应事件

- (BOOL)calendar:(LZBCalendar *)calendar shouldSelectDate:(NSDate *)date;
- (void)calendar:(LZBCalendar *)calendar didSelectDate:(NSDate *)date;

LZBCalendar使用方式##

1、创建控件

 - (LZBCalendar *)calendar

{
   if(_calendar == nil)
{
  _calendar = [[LZBCalendar alloc]initWithStyle:self.style];
  _calendar.dataSource = self;
  _calendar.delegate = self;
}
return _calendar;
}
 - (LZBCalendarAppearStyle *)style
{
  if(_style == nil)
 {
  _style = [[LZBCalendarAppearStyle alloc]init];  //没有设置就是默认样式
  _style.isNeedCustomHeihgt = YES;   //需要自定义cell高度
 }
  return _style;
}

2、必须实现调用数据源方法，更新日历高度

 - (void)calendar:(LZBCalendar *)calendar layoutCallBackHeight:(CGFloat)height

{
   self.calendar.frame = CGRectMake(0, 100, [UIScreen mainScreen].bounds.size.width, height);
}

3、数据源更改样式
- (NSString *)calendar:(LZBCalendar *)calendar titleForDate:(NSDate *)date吗
{ //获得当前月比较
if([[NSDate date] getDateWithMonth] == [date getDateWithMonth])
{
NSInteger result =[[NSDate date] getDateWithDay] -[date getDateWithDay];
switch (result) {
case 0:
return @"今天";
break;
case 1:
return @"昨天";
break;
case -1:
return @"明天";
break;

        default:
            return nil;
            break;
    }
}
else
    return nil;
}
- (NSString *)calendar:(LZBCalendar *)calendar subtitleForDate:(NSDate *)date
{
NSInteger result = [date getDateWithDay];
switch (result) {
    case 1:
        return @"10";
        break;
    case 2:
        return @"20";
        break;
    case 3:
        return @"免费";
        break;
    default:
        return nil;
        break;
   }
 }

4、代理响应事件

- (void)calendar:(LZBCalendar *)calendar didSelectDate:(NSDate *)date

{
NSLog(@"当前调用的方法:%s------行号:line-%d ",__func__, __LINE__);  
 }

结果演示:

日历选中演示.png

注意：直接拖到项目可以使用
详情代码请直接下载demo查看：
自定义日历-LZBCalendar

最后赠言###

如果觉得文章对您有帮助，不要忘记star哦!😝，star 是对程序猿最大的鼓励！