All Products
Search
Document Center

Mobile Platform as a Service:Date picker component

Last Updated:Mar 10, 2022

AUDatePicker is a date selection control.

Sample images

20190321

20161014

2009

API description

  • AUDatePicker.h

//
//  ALPPicketView.h
//  TestCell
//

#import <UIKit/UIKit.h>

@class AUDatePicker;

@protocol AUDatePickerDelegate <UIPickerViewDataSource, UIPickerViewDelegate>

/*
 * Callback is performed when Cancel is clicked.
 */
- (void)cancelPickerView:(AUDatePicker *)pickerView;

/*
 * Callback is performed when Completed is clicked. The selected items can be returned through pickerView/Users/zhuwei/ios-phone-antui/ANTUI/Sources/Views/pickerView/AUDatePicker.h selectedRowInComponent.
 */
- (void)selectedPickerView:(AUDatePicker *)pickerView;

@end
/*!
 @class         AUDatePicker
 @abstract      UIView
 @discussion    The frame-encapsulated picker with the Cancel and Completed buttons.
 */

@interface AUDatePicker : UIView

@property(nonatomic, strong) UIPickerView *pickerView;      // The general transaction picker.
@property(nonatomic, strong) UIDatePicker *datePickerView;  // The time picker.

@property(nonatomic, assign) BOOL       isDatePicker;       // Whether the current picker is the time picker. The default value is NO.

@property(nonatomic, weak) id<AUDatePickerDelegate> delegate;


/*
 * Create components.
 *
 * @param title     The title. Its value can be nil.
 * @return          The created component, not shown by default. The show method needs to be called to show it.
 */
+ (AUDatePicker *)pickerViewWithTitle:(NSString *)title;

/*
 * Initialize objects.
 *
 * @param frame     The display position.
 * @param title     Show the title. Set the value to nil if you do not want to show the title.
 * @return          Do not show the object by defaut. call the show method if showing the object.
 */
- (id)initWithFrame:(CGRect)frame withTitle:(NSString *)title;

/*
 * Show
 */
- (void)show;

/*
 * Hide
 */
- (void)hide;

/**
 * Reload data.
 */
- (void)reload;


/**
 When isDatePicker is YES, select the time using datePickerView.

 @param minDate     The earliest time.
 @param maxDate     The latest time.
 */
- (void) setTimeDateminDate:(NSDate *)minDate MaxDate:(NSDate *)maxDate;



/**
 When isDatePicker is YES, set the current time for datePickerView.

 @param currentDate     Set the current date.
 */
- (void) setCurrentDate:(NSDate *) currentDate;


/**
 When isDatePicker is YES, set the time selected in the time picker.

 @param date        The selected date.
 @param animated    Whether an animation is available.
 */
- (void)setAUDatePickerDate:(NSDate *)date animated:(BOOL)animated; // if animated is YES, animate the wheels of time to display the new date

@end

Sample code

//
//  APPickerViewViewController.m
//  UIDemo
//

#import "APPickerViewViewController.h"
#import "AUDatePicker.h"

@interface APPickerViewViewController ()<AUDatePickerDelegate,UIPickerViewDelegate,UIPickerViewDataSource>
@property(nonatomic,strong)AUDatePicker* apPickerView;
@property(nonatomic,strong)AUDatePicker* apPickerView2;
@property(nonatomic,strong)AUDatePicker* apPickerView3;
@property(nonatomic,strong)AUDatePicker* apPickerView4;

@property(nonatomic,strong)UILabel* textLabel;
@property(nonatomic,strong)NSArray* yearArray;
@property(nonatomic,strong)NSArray* monthArray;
@property(nonatomic,strong)NSArray* nameArray;
@end

@implementation APPickerViewViewController

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        // Custom initialization
        self.yearArray = @[@"2009",@"2010",@"2011",@"2012",@"2013",@"2014",@"2015",@"2016"];
        self.monthArray = @[@"1",@"2",@"3",@"4",@"5",@"6",@"7",@"8",@"9",@"10",@"11",@"12"];
        self.nameArray = @[@"Tom",@"Jack",@"Brown",@"David"];
    }
    return self;
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    [self.view setBackgroundColor:[UIColor whiteColor]];

    NSArray* items = @[@"Class Method",@"Member Method",@"Time Picker 1",@"Time Picker 2"];
    UISegmentedControl* segmentControl = [[UISegmentedControl alloc]initWithItems:items];
    [segmentControl addTarget:self action:@selector(onClick:) forControlEvents:UIControlEventValueChanged];
    segmentControl.selectedSegmentIndex = 0;
    [segmentControl setFrame:CGRectMake(15, 70, AUCommonUIGetScreenWidth() - 30, 30)];
    [self.view addSubview:segmentControl];

    // The label is used to display the item selected by pickerView.
    self.textLabel = [[UILabel alloc]initWithFrame:CGRectMake(0, 110, 220, 50)];
    self.textLabel.frame = CGRectOffset(self.textLabel.frame, (AUCommonUIGetScreenWidth()-self.textLabel.frame.size.width)/2, 0);
    self.textLabel.layer.cornerRadius = 12.f;
    self.textLabel.lineBreakMode = NSLineBreakByWordWrapping;
    self.textLabel.numberOfLines = 0;
    self.textLabel.textAlignment = NSTextAlignmentCenter;
    [self.view addSubview:self.textLabel];

    // pickerView created by the class method.
    self.apPickerView = [AUDatePicker pickerViewWithTitle:nil];
    self.apPickerView.delegate = self;
    self.apPickerView.tag = 1000;
    [self.view addSubview:self.apPickerView];
    [self.apPickerView show];

    // pickerView created by the member method.
    _apPickerView2 = [[AUDatePicker alloc]initWithFrame:CGRectMake(0, 200, 200, 200) withTitle:nil];
    _apPickerView2.delegate = self;
    _apPickerView2.tag = 1001;
    [self.view addSubview:_apPickerView2];

    // Time picker 1.
    self.apPickerView3 = [AUDatePicker pickerViewWithTitle:@"Select time"];
    self.apPickerView3.tag = 1002;
    self.apPickerView3.isDatePicker = YES;
    NSDate * curretntDate = [NSDate date];
    NSDate * minxDate = [NSDate dateWithTimeInterval:-(3600*24*3000) sinceDate:curretntDate];
    NSDate * maxDate = [NSDate dateWithTimeInterval:3600*24*3000 sinceDate:curretntDate];
    [self.apPickerView3 setTimeDateminDate:minxDate MaxDate:maxDate];
    [self.apPickerView3 setCurrentDate:curretntDate];
    [self.view addSubview:self.apPickerView3];

    // Time picker 2.
    self.apPickerView4 = [AUDatePicker pickerViewWithTitle:@"Select time"];
    self.apPickerView4.tag = 1003;
    self.apPickerView4.isDatePicker = YES;
    [self.apPickerView4 setTimeDateminDate:minxDate MaxDate:maxDate];
    [self.apPickerView4 setCurrentDate:curretntDate];
    NSDate * selectDate =[NSDate dateWithTimeInterval:3600*24*888 sinceDate:curretntDate];
    [self.apPickerView4 setAUDatePickerDate:selectDate animated:NO];
    [self.view addSubview:self.apPickerView4];


//    self.navigationItem.rightBarButtonItem = [APUtil getBarButtonWithTitle:RightBarButtonTitle target:self];
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

#pragma mark - Button onClick
- (void)onBarButtonClick:(id)sender
{
}

- (void)onClick:(id)sender
{
    [self.apPickerView hide];
    [self.apPickerView2 hide];
    [self.apPickerView3 hide];
    [self.apPickerView4 hide];
    UISegmentedControl* segmentControl = (UISegmentedControl*)sender;

    switch (segmentControl.selectedSegmentIndex) {
        case 0:
            [self.apPickerView show];
            break;
        case 1:

            [self.apPickerView2 show];
            break;
        case 2:

            [self.apPickerView3 show];
            break;
        case 3:

            [self.apPickerView4 show];
            break;

        default:
            break;
    }
}


#pragma APPickerDelegate delegate
- (void)cancelPickerView:(AUDatePicker *)pickerView
{
    switch (pickerView.tag) {
        case 1000:
            [self.apPickerView hide];
            break;
        case 1001:
            [self.apPickerView2 hide];
            break;
        case 1002:
            [self.apPickerView3 hide];
            break;
        case 1003:
            [self.apPickerView4 hide];
            break;

        default:
            break;
    }
    [self.textLabel setText:@"The callback when the Cancel button is clicked."];

}

- (void)selectedPickerView:(AUDatePicker *)pickerView
{
    NSInteger index = [pickerView.pickerView selectedRowInComponent:0];
    NSString *result = [self.yearArray objectAtIndex:index];

    index = [pickerView.pickerView selectedRowInComponent:1];
    result = [result stringByAppendingString:[NSString stringWithFormat:@"  %@",[self.monthArray objectAtIndex:index]]];

    index = [pickerView.pickerView selectedRowInComponent:2];
    result = [result stringByAppendingString:[NSString stringWithFormat:@"  %@",[self.nameArray objectAtIndex:index]]];

    [self.textLabel setText:result];
}

#pragma UIPickerView delegate
- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component
{
    if (component == 0) {
        return [self.yearArray objectAtIndex:row];
    } else if (component == 1){
        return [self.monthArray objectAtIndex:row];
    } else {
        return [self.nameArray objectAtIndex:row];
    }
}

- (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 {
        return [self.nameArray count];
    }
}

@end