iOS 自定义日期选择器datePickerview

在平时的开发中，经常会用到日期选择器，但如果用的是系统提供的UIDatePicker控件，有时无法满足自己的需求（当然有时觉得丑），所以我们可以通过UIPickerView来自定义一个日期选择器。

下面我写了两个经常会用的日期选择器：

  • 通用日期选择器
  • 有起始、截止范围的日期选择器（联动日期选择器--实在想不出叫啥名字了。。。）
效果图如下：

通用日期选择器


通用日期选择器.PNG

联动日期选择器

联动日期选择器1.PNG
联动日期选择器2.PNG

文件在工程中的位置：

文件.jpg

调用方法：

  • 通用日期选择器调用方法。若只需默认值，则只需把隐藏的pickerview显示出来即可而无需调用下面的方法（self.pickerView.hidden = NO;）。
/**
 配置日期选择器
 
 @param selectedDate    默认选择日期（必须在最大日期和最小日期范围），若nil，则为当前时间
 @param dateFormatter   日期格式，若nil，则为yyyy-MM-dd
 @param datePickerMode  日期选择器组件类型，默认为SLDatePickerModeDate
 */
- (void)setupPickerViewDataWithDefaultSelectedDate:(NSDate *)selectedDate
                                     dateFormatter:(NSString *)dateFormatter
                                    datePickerMode:(SLDatePickerMode)datePickerMode;

示例代码：

 //如果只需要默认值，则屏蔽这行代码
 [self.pickerView setupPickerViewDataWithDefaultSelectedDate:[NSDate date] dateFormatter:@"yyyy-MM-dd" datePickerMode:SLDatePickerModeDate];
  • 联动日期选择器调用方法
/**
 配置日期选择器

 @param selectedDate    默认选择日期（必须在最大日期和最小日期范围），若nil，则为当前时间
 @param maximumDate     最大日期，若nil，则为[NSDate distantFuture]
 @param minimumDate     最小日期，若nil，则为1970-01-01
 @param dateFormatter   日期格式，若nil，则为yyyy-MM-dd
 @param datePickerMode  日期选择器组件类型，默认为SLDatePickerModeDate
 */
- (void)setupPickerViewDataWithDefaultSelectedDate:(NSDate *)selectedDate
                                       maximumDate:(NSDate *)maximumDate
                                       minimumDate:(NSDate *)minimumDate
                                     dateFormatter:(NSString *)dateFormatter
                                    datePickerMode:(SLDatePickerMode)datePickerMode;

示例代码：


[self.associatedPickerView setupPickerViewDataWithDefaultSelectedDate:[[NSDate date] dateBySubtractingYears:1]
                                                              maximumDate:[NSDate date]
                                                              minimumDate:[[NSDate date] dateBySubtractingYears:2]
                                                            dateFormatter:@"yyyy-MM"
                                                           datePickerMode:SLDatePickerModeYearAndMonth];

核心代码实现：

  • 通用日期选择器代码实现
- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component {
    switch (component) {
        case 0: {
            self.selectedYear = row % self.yearRows + self.minimumDate.year;
            
            if (SLDatePickerModeYearAndMonth == self.datePickerMode
                || SLDatePickerModeDate == self.datePickerMode) {
                [self setSelectedMonth:self.selectedMonth];
                
                if (SLDatePickerModeDate == self.datePickerMode) {
                    [self setSelectedDay:self.selectedDay];
                }
            }
        }
            break;
            
        case 1: {
            self.selectedMonth = row % self.monthRows + 1;
            
            if (SLDatePickerModeDate == self.datePickerMode) {
                [self setSelectedDay:self.selectedDay];
            }
        }
            break;
            
        case 2: {
            self.selectedDay = row % self.dayRows + 1;
        }
            break;
    }
    
    [pickerView reloadAllComponents];
}

#pragma mark - Setter
- (void)setSelectedYear:(NSInteger)selectedYear {
    self.yearRows = self.maximumDate.year - self.minimumDate.year + 1;
    
    selectedYear = (selectedYear > self.maximumDate.year) ? self.maximumDate.year : selectedYear;
    selectedYear = (selectedYear < self.minimumDate.year) ? self.minimumDate.year : selectedYear;
    
    _selectedYear = selectedYear;
    
    //每次选择都在中间位置附近，保证看似无限滚动的效果
    NSInteger selectedRow = ((kMaxNumberOfRows / 2) / self.yearRows) * self.yearRows + _selectedYear - self.minimumDate.year;
    
    if (self.selectedRows.count > 0) {
        [self.selectedRows replaceObjectAtIndex:0 withObject:@(selectedRow)];
    } else {
        [self.selectedRows addObject:@(selectedRow)];
    }
    
    [self reloadComponent:0];
    [self selectRow:selectedRow inComponent:0 animated:NO];
}

- (void)setSelectedMonth:(NSInteger)selectedMonth {
    _selectedMonth = selectedMonth;
    
    self.monthRows = 12;
    
    //每次选择都在中间位置附近，保证看似无限滚动的效果
    NSInteger selectedRow = ((kMaxNumberOfRows / 2) / self.monthRows) * self.monthRows + _selectedMonth - 1;
    
    if (self.selectedRows.count > 1) {
        [self.selectedRows replaceObjectAtIndex:1 withObject:@(selectedRow)];
    } else {
        [self.selectedRows addObject:@(selectedRow)];
    }
    
    [self reloadComponent:1];
    [self selectRow:selectedRow inComponent:1 animated:NO];
}

- (void)setSelectedDay:(NSInteger)selectedDay {
    self.dayRows = [NSDate getDaysWithYear:self.selectedYear month:self.selectedMonth];
    
    _selectedDay = (selectedDay > self.dayRows) ? self.dayRows : selectedDay;
    
    //每次选择都在中间位置附近，保证看似无限滚动的效果
    NSInteger selectedRow = ((kMaxNumberOfRows / 2) / self.dayRows) * self.dayRows  + _selectedDay - 1;
    
    if (self.selectedRows.count > 2) {
        [self.selectedRows replaceObjectAtIndex:2 withObject:@(selectedRow)];
    } else {
        [self.selectedRows addObject:@(selectedRow)];
    }
    
    [self reloadComponent:2];
    [self selectRow:selectedRow inComponent:2 animated:NO];
}
  • 联动日期选择器代码实现
- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component {
    switch (component) {
        case 0: {
            self.selectedYear = row % self.yearRows + self.minimumDate.year;
            
            if (SLDatePickerModeYearAndMonth == self.datePickerMode
                || SLDatePickerModeDate == self.datePickerMode) {
                [self setSelectedMonth:self.selectedMonth];
                
                if (SLDatePickerModeDate == self.datePickerMode) {
                    [self setSelectedDay:self.selectedDay];
                }
            }
        }
            break;
            
        case 1: {
            if (self.selectedYear == self.minimumDate.year) {
                self.selectedMonth = row % self.monthRows + self.minimumDate.month;
            } else {
                self.selectedMonth = row % self.monthRows + 1;
            }
            
            if (SLDatePickerModeDate == self.datePickerMode) {
                [self setSelectedDay:self.selectedDay];
            }
        }
            break;
            
        case 2: {
            if ([self.maximumDate isSameYearAsDate:self.minimumDate]
                && [self.maximumDate isSameMonthAsDate:self.minimumDate]) {
                self.selectedDay = row % self.dayRows + self.minimumDate.day;
            } else if (self.selectedYear == self.minimumDate.year) {
                if (self.selectedMonth == self.minimumDate.month) {
                    self.selectedDay = row % self.dayRows + self.minimumDate.day;
                } else {
                    self.selectedDay = row % self.dayRows + 1;
                }
            } else {
                self.selectedDay = row % self.dayRows + 1;
            }
        }
            break;
    }
    
    [pickerView reloadAllComponents];
}

#pragma mark - Setter
- (void)setSelectedYear:(NSInteger)selectedYear {
    self.yearRows = self.maximumDate.year - self.minimumDate.year + 1;
    
    selectedYear = (selectedYear > self.maximumDate.year) ? self.maximumDate.year : selectedYear;
    selectedYear = (selectedYear < self.minimumDate.year) ? self.minimumDate.year : selectedYear;
    
    _selectedYear = selectedYear;
    
    NSInteger selectedRow = (_selectedYear - self.minimumDate.year) % self.yearRows;
    if (self.selectedRows.count > 0) {
        [self.selectedRows replaceObjectAtIndex:0 withObject:@(selectedRow)];
    } else {
        [self.selectedRows addObject:@(selectedRow)];
    }
    
    [self reloadComponent:0];
    [self selectRow:selectedRow inComponent:0 animated:YES];
}

- (void)setSelectedMonth:(NSInteger)selectedMonth {
    NSInteger selectedRow = selectedMonth - 1;
    
    if ([self.maximumDate isSameYearAsDate:self.minimumDate]) {
        self.monthRows = self.maximumDate.month - self.minimumDate.month + 1;
        selectedMonth = (selectedMonth > self.maximumDate.month) ? self.maximumDate.month : selectedMonth;
        selectedRow = (selectedMonth - self.minimumDate.month) % self.monthRows;
    } else if (self.selectedYear == self.maximumDate.year) {
        self.monthRows = self.maximumDate.month;
        selectedMonth = (selectedMonth > self.monthRows) ? self.monthRows : selectedMonth;
        selectedRow = (selectedMonth - 1) % self.monthRows;
    } else if (self.selectedYear == self.minimumDate.year) {
        self.monthRows = 12 - self.minimumDate.month + 1;
        selectedMonth = (selectedMonth < self.minimumDate.month) ? self.minimumDate.month : selectedMonth;
        selectedRow = (selectedMonth - self.minimumDate.month) % self.monthRows;
    } else {
        self.monthRows = 12;
    }
    
    _selectedMonth = selectedMonth;
    
    if (self.selectedRows.count > 1) {
        [self.selectedRows replaceObjectAtIndex:1 withObject:@(selectedRow)];
    } else {
        [self.selectedRows addObject:@(selectedRow)];
    }
    
    [self reloadComponent:1];
    [self selectRow:selectedRow inComponent:1 animated:YES];
}

- (void)setSelectedDay:(NSInteger)selectedDay {
    NSInteger selectedRow = 0;
    
    if ([self.maximumDate isSameYearAsDate:self.minimumDate]
        && [self.maximumDate isSameMonthAsDate:self.minimumDate]) {
        self.dayRows = self.maximumDate.day - self.minimumDate.day + 1;
        selectedDay = (selectedDay > self.maximumDate.day) ? self.maximumDate.day : selectedDay;
        selectedRow = (selectedDay - self.minimumDate.day) % self.dayRows;
    } else if (self.selectedYear == self.maximumDate.year) {
        if (self.selectedMonth == self.maximumDate.month) {
            self.dayRows = self.maximumDate.day;
        } else {
            self.dayRows = [NSDate getDaysWithYear:self.selectedYear month:self.selectedMonth];
        }
        
        selectedDay = (selectedDay > self.dayRows) ? self.dayRows : selectedDay;
        selectedRow = (selectedDay - 1) % self.dayRows;
    } else if (self.selectedYear == self.minimumDate.year) {
        //当前选择年、月下的天数
        NSInteger days = [NSDate getDaysWithYear:self.selectedYear month:self.selectedMonth];
        if (self.selectedMonth == self.minimumDate.month) {
            //需要显示天的行数：（选择月所有天数的和 - 指定最小日期的天数 + 1）。
            //例：8月份有31天，若最小天为13号，则该显示的行数为：31 - 13 + 1 = 19行（从13到31）
            self.dayRows = days - self.minimumDate.day + 1;
            if (selectedDay > days) {//如果选中天数大于当月最大天数
                selectedDay = days;
            }
            
            selectedDay = (selectedDay < self.minimumDate.day) ? self.minimumDate.day : selectedDay;
            selectedRow = (selectedDay - self.minimumDate.day) % self.dayRows;
        } else {
            self.dayRows = days;
            selectedDay = (selectedDay > self.dayRows) ? self.dayRows : selectedDay;
            selectedRow = (selectedDay - 1) % self.dayRows;
        }
    } else {
        self.dayRows = [NSDate getDaysWithYear:self.selectedYear month:self.selectedMonth];
        selectedDay = (selectedDay > self.dayRows) ? self.dayRows : selectedDay;
        selectedRow = (selectedDay - 1) % self.dayRows;
    }
    
    _selectedDay = selectedDay;
    
    if (self.selectedRows.count > 2) {
        [self.selectedRows replaceObjectAtIndex:2 withObject:@(selectedRow)];
    } else {
        [self.selectedRows addObject:@(selectedRow)];
    }
    
    [self reloadComponent:2];
    [self selectRow:selectedRow inComponent:2 animated:YES];
}

好了，代码就贴这么多了，如果有需要的朋友可以到github上面去下载。
里面有部分代码用到 NSDate+Category， 可自行查看。

文章 Demo

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 203,937评论 6赞 478
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 85,503评论 2赞 381
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 150,712评论 0赞 337
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 54,668评论 1赞 276
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 63,677评论 5赞 366
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,601评论 1赞 281
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 37,975评论 3赞 396
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,637评论 0赞 258
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 40,881评论 1赞 298
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,621评论 2赞 321
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,710评论 1赞 329
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,387评论 4赞 319
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 38,971评论 3赞 307
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,947评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,189评论 1赞 260
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 44,805评论 2赞 349
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,449评论 2赞 342