UIButton点击之后弹出UIDatePicker

最近需要做一个点击button之后弹出UIDatePicker, 选择后将日期显示在button上,  其实这个需求可以有两种方案解决：

1.  第一种方法： 自定义UITextField.inputView为datePicker, 这个实现很简单, 但是局限在于TextField内容是可编辑的, 而我们不希望这样, 如果你设置textField.enabled=NO, 那InputView也弹不出来了, 这个实现可以参照上一篇博客：UITextField点击弹出PickerView;

2. 第二种方法： 就是点击button后弹出datepicker, 所以这的datepicker必须手动加入到父控件中, 而不是简单地设置InputView属性就可以了(UIButton没有这属性), 啥也不说了, 看代码:

.h文件：

#import <UIKit/UIKit.h>
#import "PublicFunctions.h"

@interface DatePickerButton : UIButton
@property (nonatomic, weak) UIView *fatherView;// 传入的父控件, 确定datePicker往哪儿加

@end

.m文件:

#import "DatePickerButton.h"

@implementation DatePickerButton
{
    UIDatePicker *datePicker;// datePicker
    UIToolbar *toolBar;// datePicker上方的toolBar, 用于加入done按钮(隐藏datePicker)
}

@synthesize fatherView;

- (id) initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        NSDateFormatter *format = [[NSDateFormatter alloc] init];
        [format setDateFormat:@"yyyy-MM-dd"];
        [self setTitle:[format stringFromDate:[NSDate date]] forState:UIControlStateNormal];
        
        [self addTarget:self action:@selector(showDatePicker:) forControlEvents:UIControlEventTouchUpInside];// 加入button点击监听
        
        / set circle cornor /
        [self.layer setMasksToBounds:YES];
        [self.layer setCornerRadius:8.f];
    }
    
    return self;
}

/ 显示datepPicker /
- (void)showDatePicker:(id)sender
{
    if (fatherView && !toolBar && !datePicker) {// 这里需要判断, 因为toolbar, datePicker你只需要建立一次, 不需要重新创建
        NSLog(@"father_x:%f, toolbar_y:%f, toolbar_width:%f, toolbar_height:%f", fatherView.frame.origin.x, fatherView.frame.origin.y, fatherView.frame.size.width, fatherView.frame.size.height);
        / add toolbar /
        toolBar = [[UIToolbar alloc] initWithFrame:CGRectMake(0.f, [PublicFunctions getHeightOfMainScreen]-210.f-40.f, [PublicFunctions getWidthOfMainScreen], 40.f)];
        toolBar.barStyle = UIBarStyleBlackTranslucent;
        toolBar.autoresizingMask = UIViewAutoresizingFlexibleHeight;
        [toolBar sizeToFit];
        
        UIBarButtonItem *doneBtn =[[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemDone target:self action:@selector(doneRemove:)];
        UIBarButtonItem *flexibleSpaceLeft = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil];
        
        NSArray *array = [NSArray arrayWithObjects:flexibleSpaceLeft, doneBtn, nil];
        [toolBar setItems:array];
        
        NSLog(@"toolbar_y:%f", toolBar.frame.origin.y);
        [fatherView addSubview:toolBar];
        [self showViewWithAnimation:toolBar YPostion:([PublicFunctions getHeightOfMainScreen] - 210.f - 40.f)];// 出现的时候需加入动画, 根据Y轴
        
        / add datePicker /
        datePicker = [[UIDatePicker alloc] initWithFrame:CGRectMake(0, [PublicFunctions getHeightOfMainScreen]-210.f, [PublicFunctions getWidthOfMainScreen], 210.f)];
        [datePicker setBackgroundColor:[UIColor whiteColor]];
        datePicker.datePickerMode = UIDatePickerModeDate;
        
        / default selectd item /
        NSDateFormatter *format = [[NSDateFormatter alloc] init];
        [format setDateFormat:@"yyyy-MM-dd"];
        [datePicker setDate:[NSDate date]];
        [self setTitle:[format stringFromDate:datePicker.date] forState:UIControlStateNormal];
        
        NSLog(@"datePicker_y:%f", datePicker.frame.origin.y);
        [fatherView addSubview:datePicker];
        [self showViewWithAnimation:datePicker YPostion:([PublicFunctions getHeightOfMainScreen] - 210.f)];// 出现的时候需加入动画, 根据Y轴

<span style="white-space:pre">	</span>}

// if created已经创建
    else{
        [toolBar setHidden:NO];
        CGRect rect_tool_bar = toolBar.frame;
        rect_tool_bar.origin.y = [PublicFunctions getHeightOfMainScreen] - 210.f - 40.f;
        [toolBar setFrame:rect_tool_bar];
        [self showViewWithAnimation:toolBar YPostion:toolBar.frame.origin.y];//动画显示
        
        [datePicker setHidden:NO];
        CGRect rect_date_picker = datePicker.frame;
        rect_date_picker.origin.y = [PublicFunctions getHeightOfMainScreen] - 210.f;
        [datePicker setFrame:rect_date_picker];
        [self showViewWithAnimation:datePicker YPostion:datePicker.frame.origin.y];//动画显示
    }
    
}

//移除toolbar和datepicker
- (void)doneRemove:(id)sender {
    if (fatherView && toolBar && datePicker) {
        NSDateFormatter *format = [[NSDateFormatter alloc] init];
        [format setDateFormat:@"yyyy-MM-dd"];
        [self setTitle:[format stringFromDate:datePicker.date] forState:UIControlStateNormal];
        
        [self hideViewWithAnimation:toolBar];

        [self hideViewWithAnimation:datePicker];
    }
}

//显示动画
- (void)showViewWithAnimation:(UIView *)view YPostion:(float)yPosition
{
    CGRect rect_origin = view.frame;
    rect_origin.origin.y = [PublicFunctions getHeightOfMainScreen];
    view.frame = rect_origin;
//    view.alpha = 0.5f;
    
    [UIView animateWithDuration:0.5f animations:^{
        CGRect rect_current = view.frame;
        rect_current.origin.y = yPosition;
        view.frame = rect_current;
//        view.alpha = 1.0f;
    } completion:^(BOOL finished){

    }];
}

//隐藏动画
- (void)hideViewWithAnimation:(UIView *)view
{
    [UIView animateWithDuration:0.5f animations:^{
        CGRect rect_current = view.frame;
        rect_current.origin.y = ([PublicFunctions getHeightOfMainScreen]);
        view.frame = rect_current;
    } completion:^(BOOL finished){
        [view setHidden:YES];
    }];
}

- (void)drawRect:(CGRect)rect {
    // Drawing code
}
         
- (void)dealloc
{
    toolBar = nil;
    datePicker = nil;
}

差不多就是这样了, 效果如下：

点击的是上方中间的button按钮, 自己试试, datePicker弹出效果和键盘类似.