iOS 使用UIPickerView三级联动实现选择日期年月日

最新推荐文章于 2023-12-03 21:32:04 发布
最新推荐文章于 2023-12-03 21:32:04 发布
阅读量8.4k 收藏 7
点赞数
分类专栏： iOS 文章标签： ios pickView 日期选择 三级联动
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/johnay_xiao/article/details/76033009
版权

选择时间

代码里面有些自定义的宏,如果想要这个效果的朋友,不妨花几分钟把里面的宏改下等不报错了,直接用这下面的代码调用就可以了!

调用代码

 SelectTimeV *selectTimeV = [[SelectTimeV alloc] init];

        selectTimeV.block = ^(NSString *timeStr) {

            if (timeStr) {

                [endTimeLabelV setRightLabelText:timeStr];
            }

        };
        [[UIApplication sharedApplication].keyWindow addSubview:selectTimeV];

.h文件

#import <UIKit/UIKit.h>

@interface SelectTimeV : UIView

@property (nonatomic, copy) void (^block)(NSString *);

@end

.m文件

#import "SelectTimeV.h"

@interface SelectTimeV ()<UITextFieldDelegate,UIPickerViewDataSource,UIPickerViewDelegate>

{
    NSInteger yearIndex;

    NSInteger monthIndex;

    NSInteger dayIndex;

    UIView *topV;
}
@property (nonatomic, strong) UIPickerView *pickerView;

@property (nonatomic, strong) NSMutableArray *yearArray;

@property (nonatomic, strong) NSMutableArray *monthArray;

@property (nonatomic, strong) NSMutableArray *dayArray;



@end


@implementation SelectTimeV

- (NSMutableArray *)yearArray {

    if (_yearArray == nil) {

        _yearArray = [NSMutableArray array];

        for (int year = 2000; year < 2050; year++) {

            NSString *str = [NSString stringWithFormat:@"%d年", year];

            [_yearArray addObject:str];
        }
    }

    return _yearArray;
}

- (NSMutableArray *)monthArray {

    if (_monthArray == nil) {

        _monthArray = [NSMutableArray array];

        for (int month = 1; month <= 12; month++) {

            NSString *str = [NSString stringWithFormat:@"%02d月", month];

            [_monthArray addObject:str];
        }
    }

    return _monthArray;
}

- (NSMutableArray *)dayArray {

    if (_dayArray == nil) {

        _dayArray = [NSMutableArray array];

        for (int day = 1; day <= 31; day++) {

            NSString *str = [NSString stringWithFormat:@"%02d日", day];

            [_dayArray addObject:str];
        }
    }

    return _dayArray;
}


- (instancetype)init
{
    self = [super initWithFrame:[UIApplication sharedApplication].keyWindow.frame];
    if (self) {

        self.backgroundColor = [UIColor colorWithWhite:0.0 alpha:0.3];


        topV = [[UIView alloc] initWithFrame:CGRectMake(0, screenHeight, screenWidth, aspectRatio(40))];
        topV.backgroundColor = RGBACOLOR(242, 242, 242, 1.0);
        [self addSubview:topV];

        UIButton *cancelBtn = [UIButton buttonWithType:UIButtonTypeCustom];
        cancelBtn.frame = CGRectMake(0, 0, aspectRatio(100), aspectRatio(40));
        [cancelBtn setTitle:@"取消" forState:UIControlStateNormal];
        [cancelBtn setTitleColor:blackFontColor forState:UIControlStateNormal];
        [cancelBtn.titleLabel setFont:regularFontWithSize(16)];
        [topV addSubview:cancelBtn];

        UIButton *yesBtn = [UIButton buttonWithType:UIButtonTypeCustom];
        yesBtn.frame = CGRectMake(screenWidth - aspectRatio(100), 0, aspectRatio(100), aspectRatio(40));
        [yesBtn setTitle:@"完成" forState:UIControlStateNormal];
        [yesBtn setTitleColor:naviBarColor forState:UIControlStateNormal];
        [yesBtn.titleLabel setFont:regularFontWithSize(16)];
        [topV addSubview:yesBtn];

        [cancelBtn click:^(UIView *view) {

            if (_block) {
                _block(nil);
            }

            [self remove];
        }];

        [yesBtn click:^(UIView *view) {

            if (_block) {

                NSString *timeStr = [NSString stringWithFormat:@"%@%@%@",((UILabel *)[_pickerView viewForRow:yearIndex forComponent:0]).text, ((UILabel *)[_pickerView viewForRow:monthIndex forComponent:1]).text, ((UILabel *)[_pickerView viewForRow:dayIndex forComponent:2]).text];


                timeStr = [timeStr stringByReplacingOccurrencesOfString:@"年" withString:@"/"];

                timeStr = [timeStr stringByReplacingOccurrencesOfString:@"月" withString:@"/"];

                timeStr = [timeStr stringByReplacingOccurrencesOfString:@"日" withString:@""];

                _block(timeStr);

            }
            [self remove];
        }];

        [self click:^(UIView *view) {

            if (_block) {
                _block(nil);
            }
            [self remove];
        }];


        _pickerView = [[UIPickerView alloc] initWithFrame:CGRectMake(0, topV.bottom, screenWidth, aspectRatio(207))];
        _pickerView.dataSource = self;
        _pickerView.delegate = self;
        _pickerView.backgroundColor = [UIColor whiteColor];
        [self addSubview:_pickerView];

        NSCalendar *calendar = [[NSCalendar alloc]
                                initWithCalendarIdentifier:NSCalendarIdentifierGregorian];
        // 定义一个时间字段的旗标，指定将会获取指定年、月、日、时、分、秒的信息
        unsigned unitFlags = NSCalendarUnitYear |
        NSCalendarUnitMonth |  NSCalendarUnitDay |
        NSCalendarUnitHour |  NSCalendarUnitMinute |
        NSCalendarUnitSecond | NSCalendarUnitWeekday;
        // 获取不同时间字段的信息
        NSDateComponents *comp = [calendar components: unitFlags fromDate:[NSDate date]];

        yearIndex = [self.yearArray indexOfObject:[NSString stringWithFormat:@"%ld年", comp.year]];
        monthIndex = [self.monthArray indexOfObject:[NSString stringWithFormat:@"%02ld月", comp.month]];
        dayIndex = [self.dayArray indexOfObject:[NSString stringWithFormat:@"%02ld日", comp.day]];

        [_pickerView selectRow:yearIndex inComponent:0 animated:YES];
        [_pickerView selectRow:monthIndex inComponent:1 animated:YES];
        [_pickerView selectRow:dayIndex inComponent:2 animated:YES];

        [self pickerView:_pickerView didSelectRow:yearIndex inComponent:0];
        [self pickerView:_pickerView didSelectRow:monthIndex inComponent:1];
        [self pickerView:_pickerView didSelectRow:dayIndex inComponent:2];

        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.25 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{

            UILabel *label = (UILabel *)[_pickerView viewForRow:yearIndex forComponent:0];
            label.textColor = RGBACOLOR(26, 174, 135, 1.0);
            label.font = regularFontWithSize(16);

            label = (UILabel *)[_pickerView viewForRow:monthIndex forComponent:1];
            label.textColor = RGBACOLOR(26, 174, 135, 1.0);
            label.font = regularFontWithSize(16);

            label = (UILabel *)[_pickerView viewForRow:dayIndex forComponent:2];
            label.textColor = RGBACOLOR(26, 174, 135, 1.0);
            label.font = regularFontWithSize(16);

        });

        [UIView animateWithDuration:0.25 animations:^{

            topV.frame = CGRectMake(0, screenHeight - aspectRatio(247), screenWidth, aspectRatio(40));
            _pickerView.frame = CGRectMake(0, topV.bottom, screenWidth, aspectRatio(207));
        }];

    }
    return self;
}

#pragma mark -UIPickerView
#pragma mark UIPickerView的数据源
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView
{
    return 3;
}

- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component
{
    if (component == 0) {
        return self.yearArray.count;

    }else if(component == 1) {

        return self.monthArray.count;

    }else {

        switch (monthIndex + 1) {

            case 1:
            case 3:
            case 5:
            case 7:
            case 8:
            case 10:
            case 12: return 31;

            case 4:
            case 6:
            case 9:
            case 11: return 30;

            default: return 28;
        }
    }
}


- (void)remove {

    [UIView animateWithDuration:0.25 animations:^{

        topV.frame = CGRectMake(0, screenHeight, screenWidth, aspectRatio(40));
        _pickerView.frame = CGRectMake(0, topV.bottom, screenWidth, aspectRatio(207));

    } completion:^(BOOL finished) {

        [self removeFromSuperview];
    }];

}
#pragma mark -UIPickerView的代理

// 滚动UIPickerView就会调用
- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component
{
    if (component == 0) { 

        yearIndex = row;
        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.25 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{

            UILabel *label = (UILabel *)[pickerView viewForRow:row forComponent:component];
            label.textColor = RGBACOLOR(26, 174, 135, 1.0);
            label.font = regularFontWithSize(16);

        });

    }else if (component == 1) {

        monthIndex = row;

        [pickerView reloadComponent:2];


        if (monthIndex + 1 == 4 || monthIndex + 1 == 6 || monthIndex + 1 == 9 || monthIndex + 1 == 11) {

            if (dayIndex + 1 == 31) {

                dayIndex--;
            }
        }else if (monthIndex + 1 == 2) {

            if (dayIndex + 1 > 28) {
                dayIndex = 27;
            }
        }
        [pickerView selectRow:dayIndex inComponent:2 animated:YES];

        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.25 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{

            UILabel *label = (UILabel *)[pickerView viewForRow:row forComponent:component];
            label.textColor = RGBACOLOR(26, 174, 135, 1.0);
            label.font = regularFontWithSize(16);

            label = (UILabel *)[pickerView viewForRow:dayIndex forComponent:2];
            label.textColor = RGBACOLOR(26, 174, 135, 1.0);
            label.font = regularFontWithSize(16);

        });
    }else {

           dayIndex = row;
            dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.25 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{

            UILabel *label = (UILabel *)[pickerView viewForRow:row forComponent:component];
            label.textColor = RGBACOLOR(26, 174, 135, 1.0);
            label.font = regularFontWithSize(16);

        });
    }
}

- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view
{
    //    //设置分割线的颜色
    //    for(UIView *singleLine in pickerView.subviews)
    //    {
    //        if (singleLine.frame.size.height < 1)
    //        {
    //            singleLine.backgroundColor = kSingleLineColor;
    //        }
    //    }

    //设置文字的属性
    UILabel *genderLabel = [[UILabel alloc] init];
    genderLabel.textAlignment = NSTextAlignmentCenter;
    genderLabel.textColor = RGBACOLOR(153, 153, 153, 1.0);
    genderLabel.font = regularFontWithSize(14);
    if (component == 0) {

        genderLabel.text = self.yearArray[row];

    }else if (component == 1) {

        genderLabel.text = self.monthArray[row];

    }else {

        genderLabel.text = self.dayArray[row];
    }

    return genderLabel;
}
@end
Johnay_xiao
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
仿ios时间选择器，年月日时分。灵活性高
07-18
仿ios时间选择器，年月日时分。要图片效果先看我的微博。
ios 选择日期一年中多少周每周对应的日期
05-24
在开发中有时候需要自定义日期选择器,但ios中没有给出计算一年多少周的方法,所以需要自己取计算
ios-年月日日历选择器.zip
07-11
在网上找了很多日期选择器， 并不能完全符合自己的要求。于是自己参考了一位网友的Demo修改了一下, 特意上传供大家参考。 这是一个包括多种样式的日期选择器. ================= "年-月-日"选择器 ================= "年-月"选择器 ================= "年"选择器 ================= git下载地址: https://github.com/xieguangming/DatePickerDemo
ios 时间选择器月份设置中文_iOS自定义日期、时间、城市选择器
weixin_39955732的博客
12-23 130
选择器，我想大家都不陌生，当需要用户去选择某些范围值内的一个固定值时，我们会采用选择器的方式。选择器可以直观的提示用户选择的值范围、统一信息的填写格式，同时也方便用户快速的进行选择，比如对于性别，正常情况下就只有男女两种情况，那这时候用一个选择器给用户进行选择的话，可以避免错误数据的输入，也更方便用户去填写。再比如需要获取用户的生日信息时，采用选择器的方式可以统一生日的格式，如果让用户自行输入的话...
iOS开发---切换日历的月份/星期/年
Raymon、浅忆。
03-03 1916
- (NSString *)selectMonthWith:(NSInteger)month {     NSDateFormatter *dateFormatter = [[NSDateFormatter alloc] init];     dateFormatter.dateFormat = @"yyyy年MM月";     NSDateComponents *
iOS日期时间选择器
wuwuFQ的博客
06-11 6211
iOS日期时间选择器、自定义日期时间选择器，支持多种样式，年月、年月日、时分秒等
【iOS开发】-UIPickerView
weixin_61639290的博客
11-21 3306
UIPickerView是很简单但是很实用的控件，在项目里也许会用到。
【iOS控件】—— UIPickerView的使用
最新发布
qq_72437394的博客
12-03 794
UIPickerView是iOS平台上的一个用户界面元素，用于在应用程序中显示和选择多个选项中的一个。它通常以类似于滚轮的形式呈现，允许用户通过滑动手势来选择列表中的项目，UIPickerView由一个或多个组件（Component）组成，每个组件都表示一个独立的选项列表。每个组件可以包含多个行（Row），每一行代表一个具体的选项。用户可以通过滑动每个组件的滚轮来选择特定的行。
iOS UIPickerView和UIDatePicker控件
假装你是大灰狼的专栏
04-09 934
1. UIPickerView控件 UIPickerView是一个列表控件，通过代理(UIPickerViewDelegate)和数据源(UIPickerViewDataSource)来进行设置。 主要方法 方法 说明 reloadAllComponents 刷新所有列 reloadComponent:(NSInteger) 刷新指定列 selectRow:(NSInteger) inComponent:(NSInteger) animated:(BOOL) 选择指定列中的指定行
UIPickerView,UIDatePicker,UITextView
weixin_61196797的博客
12-11 556
当用户上下滑动UIPickerView列表时，列表中的数据会长下移动，当滑动停止时，悬停在UIPickerView中间的数据即为用户选择的数据。UIDatePicker和UIPickerView在展现上十分相似，UIDatePicker不是UIPickerView的子类，而是继承于UIControl的一个独立控件，UIPickerView的创建比较复杂，它是通过代理和数据源方法来对其进行设置和数据源的填充，这种控件的设计模式也是代理模式的应用之一。如：省市县的选择列表，时间选择列表，日期选择列表。
ios-年和年月的日期选择器.zip
07-11
这是一个时间选择器，弥补系统默认的只能选择年月日功能，这里增加了只选择年和年月两种模式！
时间pickerView 选择器
08-12
是年月日时分秒 + 年月日 + 时分秒 三种不同的时间选择器 ,封装好的 ,几行代码就可以,希望大家可以用的开心
iOS开发之UIPickerView实现城市选择器的步骤详解
01-05
本文借助于UIPickerView来实现城市选择器，第一列为省份，第二列为第一列省份对应的城市或者区，数据放在plist中，plist结构如下图所示，第一层是一个Dictionary，每个省份对应的城市是一个Array： 实现步骤 第一...
UIPickerView三级联动
05-22
这是根据全国的省 市 区来做的一个用UIPickerView实现的三级联动
iOS App中UIPickerView选择栏控件的使用实例解析
09-02
主要介绍了iOS App中的UIPickerView选择栏控件的使用,文中演示了两个超详细的例子,示例代码为Objective-C,需要的朋友可以参考下
iOS pickerView 城市三级联动列表
07-22
网络获取json数据，自动存储本地，进行读取，用pickview展示，城市三级联动
iOS 解决打包上传报This action could not be completed. Try again. (-22421)问题
爱上卡农的码农
05-11 8200
终端执行三条命令完美解决尊重原创者劳动成果哈 cd ~ mv .itmstransporter/ .old_itmstransporter/ “/Applications/Xcode.app/Contents/Applications/Application Loader.app/Contents/itms/bin/iTMSTransporter” 注意:一定要等第三条命令执行完毕才可以
WKWebView内容自适应宽度
爱上卡农的码农
11-13 3611
NSString *jScript = @"var meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=device-width'); document.getElementsByTagName('head')[0].appe
自定义实现一个UIPickerView
05-30
要自定义一个 UIPickerView，你需要遵循 UIPickerViewDataSource 和 UIPickerViewDelegate 协议，并实现其中的方法。 首先，你需要创建一个 UIPickerView 实例，并设置其数据源和代理为当前视图控制器。 ```swift ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值