美文网首页
自定义时间选择器

自定义时间选择器

作者: 星辰流转轮回 | 来源:发表于2018-06-07 16:51 被阅读15次

开发中,总有那么些控件,明明很系统自带的很相似,但也只是相似!

Untitled.gif

自定义时间选择,要求显示年月日时分,显示月日时分,显示时分!

本来考虑用五个table... 选中处理起来就有些麻烦了
这是使用五个 UIPickerView 做的效果

定义了一个枚举

typedef NS_ENUM(NSInteger , LZDatePickerMode)
{
/** 显示时/分 /
LZDatePickerModeTime = 1 ,
/
* 显示年月日 /
LZDatePickerModeDate,
/
* 显示年月日时分 /
LZDatePickerModeDateAndTime,
/
* 显示月日时分 */
LZDatePickerModeCurrentYear,
};

对代码中的控件进行懒加载,然后根据枚举值给视图加载UI 及设置frame

麻烦点,主要就是对数据源的处理.

可以使用 NSDateComponents 和 NSCalendar

pragma mark -- 根据日期获取时分秒

  • (NSDateComponents *)getDateComponentWithDate:(NSDate *)date
    {
    NSCalendar *calendar = [NSCalendar currentCalendar];
    NSUInteger unitFlags = NSCalendarUnitYear | NSCalendarUnitMonth | NSCalendarUnitDay | NSCalendarUnitHour | NSCalendarUnitMinute | NSCalendarUnitSecond;
    return [calendar components:unitFlags fromDate:date];
    }

返回的是 NSDateComponents 对象, 根据这个对象的属性来获取
@property NSInteger year; //年
@property NSInteger month; //月
@property NSInteger day; //日
@property NSInteger hour; //时
@property NSInteger minute; //分
@property NSInteger second; //秒

年份可以根据当前年 加减 要显示的年数/2 得出数据源
月份,时间,分 都是固定的
日期数据源做的时候需要注意点, 改变选择年或者月时, 日期在一定情况需要改变,比如2月有没有29天

demo 地址
https://github.com/zhen-li-xing/CustomDatePicker.git

相关文章

  • iOS BRPickerView选择器的使用

    一: 时间的选择 1: 弹出日期类型 2:显示时间选择器 二:字符串的选择 显示自定义字符串选择器

  • picker 地区选择器

    picker 地区选择器 地区(普通)选择器 可以自定义 ----------------------------...

  • 自定义照片选择器(可多选)

    自定义多选照片选择器 一.核心类 自定义照片选择器的核心类是ALAssetsLibrary ALAssetsGro...

  • 自定义时间选择器

    自定义时间选择器 这里使用符合控件的形式来编写,过于复杂这难于理解,能够高效实现需求。 一、时间选择器需求分析 这...

  • Mint-UI 自定义组件

    Mint-UI 自定义组件 不定期更新 TimePicker (时间选择器) 效果: TimeRangePicke...

  • android文件选择器组件

    demo效果 介绍 FileSelectorView 是自定义的文件选择器,用户在此基础上可自定义文件选择器风格。...

  • iOS 自定义时分选择器

      自定义实现时分选择器,众所周知,iPhone的系统时间选择器通常都不符合用户的审美要求,因此重新布局实现时间选...

  • 小记

    小程序 自定义组件 在组件wxss中不应使用ID选择器、属性选择器和标签名选择器。

  • Android自定义时间滚动选择器PickerView Dial

    Android自定义时间滚动选择器PickerView Dialog 正好现在项目到了测试阶段,想想也有一段时间没...

  • css选择器

    选择器是一个选择器谁的过程。 一、基础选择器 1.标签选择器 标签(属性:值;) 2.类选择器 .自定义类名(属性...

网友评论

      本文标题:自定义时间选择器

      本文链接:https://www.haomeiwen.com/subject/ibwgsftx.html