iOS 自定義時間選擇器

前序

在閱讀公司項目代碼的時候發(fā)現(xiàn)使用到了五級的時間選擇器应民,當時是使用一個UIDatePicker和一個兩級的UIPickerView來實現(xiàn)的侵蒙,但是在樣式上還有點丑陋洲脂,所以我自己使用UIPickerView封裝了一個五級的時間選擇器。

效果展示

默認效果.gif
手動設置時間.gif
不可選擇小于手動設置的時間.gif
設置最大最小時間.gif
手動設置時間和最大最小時間.gif

相關屬性

@interface PCDatePickerView : UIView
/**
 * @property maximumDate: 最大值
 */
@property (nonatomic, strong) NSDate *maximumDate;
/**
 * @property minimumDate: 最小值
 */
@property (nonatomic, strong) NSDate *minimumDate;
/**
 * @property date: 用于手動設置時間
 */
@property (nonatomic, strong) NSDate *date;
/**
 * @property doneAction: 用于回調
 */
@property (nonatomic, copy) ToolBarAction doneAction;
/**
 * @property canChoicePastTime: 是否可以選擇過去的時間 默認是NO(不可選)
 */
@property (nonatomic, assign) BOOL canChoicePastTime;
/**
 * @property backGroundColor: 選擇器背景顏色
 */
@property (nonatomic, strong) UIColor *backGroundColor;

/**
 * 隱藏視圖
 */
- (void)hide;

/**
 * 顯示視圖
 */
- (void)showView;
@end

使用實例

@interface DPTestViewController ()
@property (weak, nonatomic) IBOutlet UILabel *dateLabel;
@property (weak, nonatomic) IBOutlet UITextField *yearTextField;
@property (weak, nonatomic) IBOutlet UITextField *monthTextField;
@property (weak, nonatomic) IBOutlet UITextField *dayTextField;
@property (weak, nonatomic) IBOutlet UITextField *hourTextField;
@property (weak, nonatomic) IBOutlet UITextField *minuteTextField;
@property (weak, nonatomic) IBOutlet UIButton *isSelectedBtn;
@property (weak, nonatomic) IBOutlet UITextField *minTimeTextField;
@property (weak, nonatomic) IBOutlet UITextField *maxTimeTextField;


@property (assign, nonatomic) BOOL isSelected;

@property (nonatomic, strong) PCDatePickerView *datePicker;
@end

@implementation DPTestViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    [self setNavigationBarBackButton];
    self.datePicker = [[PCDatePickerView alloc] init];
    [self.view addSubview:self.datePicker];
    __weak __typeof(&*self) weakSelf = self;
    _datePicker.doneAction = ^(NSDate *date){
        [weakSelf sureDatePickerView:date];
    };
    
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
}

- (void)sureDatePickerView:(NSDate *)date
{
    NSDateFormatter *dateFormatter = [[NSDateFormatter alloc] init];
    [dateFormatter setDateFormat:@"yyyy-MM-dd HH:mm"];
    NSString *strDate = [dateFormatter stringFromDate:date];
    self.dateLabel.text = strDate;
}


- (IBAction)canSelectPastTimeAction:(id)sender {
    [self.datePicker hide];
    self.isSelected = !self.isSelected;
    NSString *str = self.isSelected ? @"可選擇":@"不可選擇";
    [self.isSelectedBtn setTitle:str forState:UIControlStateNormal];
}


- (IBAction)btnAction:(id)sender {
    NSString *year = self.yearTextField.text;
    NSString *month = self.monthTextField.text;
    NSString *day = self.dayTextField.text;
    NSString *hour = self.hourTextField.text;
    NSString *minute = self.minuteTextField.text;
    NSString *time = [NSString stringWithFormat:@"%@-%@-%@ %@:%@",year,month,day,hour,minute];
    NSDateFormatter *dateFormatter = [[NSDateFormatter alloc] init];
    [dateFormatter setDateFormat:@"yyyy-MM-dd HH:mm"];
    NSDate *date = [dateFormatter dateFromString:time];
    self.datePicker.date =  date;
    NSString *minTime = self.minTimeTextField.text;
    NSDate *minDate = [dateFormatter dateFromString:minTime];
    self.datePicker.minimumDate = minDate;
    NSString *maxTime = self.maxTimeTextField.text;
    NSDate *maxDate = [dateFormatter dateFromString:maxTime];
    self.datePicker.maximumDate = maxDate;
    self.datePicker.canChoicePastTime = self.isSelected;
    [self.datePicker showView];
}
@end

結束語

該控件的使用還是比較的簡單的系谐,希望這篇文章給你有幫助。如果有需要的話,我會單獨寫一篇來分享我的思路。
歡迎來我的Github網(wǎng)址下載demo咖为。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市稠腊,隨后出現(xiàn)的幾起案子躁染,更是在濱河造成了極大的恐慌,老刑警劉巖架忌,帶你破解...
    沈念sama閱讀 218,941評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件吞彤,死亡現(xiàn)場離奇詭異,居然都是意外死亡叹放,警方通過查閱死者的電腦和手機饰恕,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來井仰,“玉大人埋嵌,你說我怎么就攤上這事【愣瘢” “怎么了雹嗦?”我有些...
    開封第一講書人閱讀 165,345評論 0 356
  • 文/不壞的土叔 我叫張陵范舀,是天一觀的道長。 經(jīng)常有香客問我了罪,道長锭环,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,851評論 1 295
  • 正文 為了忘掉前任捶惜,我火速辦了婚禮田藐,結果婚禮上,老公的妹妹穿的比我還像新娘吱七。我一直安慰自己,他們只是感情好鹤竭,可當我...
    茶點故事閱讀 67,868評論 6 392
  • 文/花漫 我一把揭開白布踊餐。 她就那樣靜靜地躺著,像睡著了一般臀稚。 火紅的嫁衣襯著肌膚如雪吝岭。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,688評論 1 305
  • 那天吧寺,我揣著相機與錄音窜管,去河邊找鬼。 笑死稚机,一個胖子當著我的面吹牛幕帆,可吹牛的內容都是我干的。 我是一名探鬼主播赖条,決...
    沈念sama閱讀 40,414評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼失乾,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了纬乍?” 一聲冷哼從身側響起碱茁,我...
    開封第一講書人閱讀 39,319評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎仿贬,沒想到半個月后纽竣,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,775評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡茧泪,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年蜓氨,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片调炬。...
    茶點故事閱讀 40,096評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡语盈,死狀恐怖,靈堂內的尸體忽然破棺而出缰泡,到底是詐尸還是另有隱情刀荒,我是刑警寧澤代嗤,帶...
    沈念sama閱讀 35,789評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站缠借,受9級特大地震影響干毅,放射性物質發(fā)生泄漏。R本人自食惡果不足惜泼返,卻給世界環(huán)境...
    茶點故事閱讀 41,437評論 3 331
  • 文/蒙蒙 一硝逢、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧绅喉,春花似錦渠鸽、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,993評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至革屠,卻和暖如春凿试,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背似芝。 一陣腳步聲響...
    開封第一講書人閱讀 33,107評論 1 271
  • 我被黑心中介騙來泰國打工那婉, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人党瓮。 一個月前我還...
    沈念sama閱讀 48,308評論 3 372
  • 正文 我出身青樓详炬,卻偏偏與公主長得像,于是被迫代替她去往敵國和親麻诀。 傳聞我的和親對象是個殘疾皇子痕寓,可洞房花燭夜當晚...
    茶點故事閱讀 45,037評論 2 355

推薦閱讀更多精彩內容