iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >iOS自定义日期选择器
  • 683
分享到

iOS自定义日期选择器

iOS日期选择器 2022-05-30 03:05:47 683人浏览 八月长安
摘要

前言 封装了一个日期选择器,解决两个问题: 1、点击textField,键盘弹出和日期选择器弹出的逻辑处理; 2、同一个界面需要多次用到日期选择器时,判断点击的textField

前言

封装了一个日期选择器,解决两个问题: 1、点击textField,键盘弹出和日期选择器弹出的逻辑处理; 2、同一个界面需要多次用到日期选择器时,判断点击的textField;

一、封装日期选择器类YCDatePickerView

新建一个类,基于UIView,取名YCDatePickerView。

YCDatePickerView类中.h文件代码如下:


typedef void (^MyBasicBlock)(id result);

#import <UIKit/UIKit.h>

@interface YCDatePickerView : UIView

@property (nonatomic, strong) UIButton *btnConfirm;
@property (nonatomic, strong) UIButton *btnCancel;
@property (nonatomic, strong) UIDatePicker *datePicker;
@property (nonatomic, copy) MyBasicBlock selectBlock;

+ (YCDatePickerView *)datePickerViewWithMode:(UIDatePickerMode) datePickerMode bolck:(MyBasicBlock)block;


@end

YCDatePickerView类中.m文件代码如下:


#define SCREEN_WIDTH   [[UIScreen mainScreen] bounds].size.width
#define SCREEN_HEIGHT   [[UIScreen mainScreen] bounds].size.height

#define kTopBarViewHeight    40
#define kButton_Width      40
#define kButton_Height     40
#define kDatePicker_Height   256


#import "YCDatePickerView.h"

@implementation YCDatePickerView

- (id)initWithFrame:(CGRect)frame
{
  self = [super initWithFrame:frame];
  if (self) {

    UIView *topBarView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.frame.size.width, kTopBarViewHeight)];
    topBarView.backgroundColor = [UIColor orangeColor];
    [self addSubview:topBarView];

    _btnConfirm = [[UIButton alloc] initWithFrame:CGRectMake(self.frame.size.width-kButton_Width-10, 0, kButton_Width, kButton_Height)];
    [_btnConfirm addTarget:self action:@selector(btnConfirm:) forControlEvents:UIControlEventTouchUpInside];
    [_btnConfirm setTitle:@"确定" forState:UIControlStateNORMal];
    [topBarView addSubview:_btnConfirm];

    _btnCancel = [[UIButton alloc] initWithFrame:CGRectMake(10, 0, kButton_Width, kButton_Height)];
    [_btnCancel addTarget:self action:@selector(btnCancel:) forControlEvents:UIControlEventTouchUpInside];
    [_btnCancel setTitle:@"取消" forState:UIControlStateNormal];
    [topBarView addSubview:_btnCancel];

    _datePicker = [[UIDatePicker alloc] initWithFrame:CGRectMake(0, CGRectGetMaxY(topBarView.frame), self.frame.size.width, self.frame.size.height-kTopBarViewHeight)];
    _datePicker.backgroundColor = [UIColor whiteColor];
    [self addSubview:_datePicker];

  }
  return self;
}

- (void)btnConfirm:(id)sender
{
  if (self.selectBlock) {
    self.selectBlock(self.datePicker.date);
  }
}

- (void)btnCancel:(id)sender
{
  if (self.selectBlock) {
    self.selectBlock(nil);
  }
}

+ (YCDatePickerView *)datePickerViewWithMode:(UIDatePickerMode) datePickerMode bolck:(MyBasicBlock)block
{
  YCDatePickerView *picker = [[YCDatePickerView alloc] initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, kDatePicker_Height)];
  picker.datePicker.datePickerMode = datePickerMode;
  picker.selectBlock = block;
  return picker;
}

@end

二、YCDatePickerView的使用

在ViewController中导入头文件


#import "YCDatePickerView.h"

在ViewController.m中添加如下代码


#define SCREEN_WIDTH   [[UIScreen mainScreen] bounds].size.width
#define SCREEN_HEIGHT   [[UIScreen mainScreen] bounds].size.height


#import "ViewController.h"
#import "YCDatePickerView.h"

@interface ViewController ()

@property (retain, nonatomic) YCDatePickerView *datePicker;

@end

@implementation ViewController

- (void)viewDidLoad {
  [super viewDidLoad];


  UITextField *begin = [[UITextField alloc] initWithFrame:CGRectMake(10, 70, SCREEN_WIDTH-20, 30)];
  begin.placeholder = @"请输入开始时间";
  begin.borderStyle = UITextBorderStyleRoundedRect;
  [self.view addSubview:begin];

  __weak ViewController *weakself = self;
  begin.inputView = [YCDatePickerView datePickerViewWithMode:UIDatePickerModeDate
                             bolck:^(NSDate *result) {
                               if (result) {
                                 begin.text = [weakself dateToString:result];
                               }
                               [begin resignFirstResponder];
                             }];


  UITextField *end = [[UITextField alloc] initWithFrame:CGRectMake(10, 120, SCREEN_WIDTH-20, 30)];
  end.placeholder = @"请输入结束时间";
  end.borderStyle = UITextBorderStyleRoundedRect;
  [self.view addSubview:end];

  end.inputView = [YCDatePickerView datePickerViewWithMode:UIDatePickerModeDate
                                   bolck:^(NSDate *result) {
                                     if (result) {
                                       end.text = [weakself dateToString:result];
                                     }
                                     [end resignFirstResponder];
                                   }];

}

//日期转为字符串
- (NSString *)dateToString:(NSDate *)date
{
  NSDateFormatter *dateFormatter = [[NSDateFormatter alloc] init];
  [dateFormatter setDateFormat:@"yyyy-MM-dd HH:mm:ss"];
  NSString *strDate = [dateFormatter stringFromDate:date];
  return strDate;
}

@end

三、效果图

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程网。

--结束END--

本文标题: iOS自定义日期选择器

本文链接: https://www.lsjlt.com/news/30387.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 微信小程序自定义日期选择器
    日期选择器是我们在写项目的过程中经常遇到的,有需要标题的选择器,也有不需要标题的选择器 今天给大家带来一个自定义的时间选择器,废话不多说,直接上代码 第一步:先创建一个picker的...
    99+
    2024-04-02
  • Vue怎么自定义验证日期时间选择器
    这篇文章主要介绍了Vue怎么自定义验证日期时间选择器的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Vue怎么自定义验证日期时间选择器文章都会有所收获,下面我们一起来看看吧。Vue自定义验证之日期时间选择器自定义...
    99+
    2023-06-29
  • Android自定义DataTimePicker日期时间选择器使用详解
    Android开发之自定义DataTimePicker(日期时间选择器),供大家参考,具体内容如下 最近项目中,要求日期和时间在同一个页面同时选择,这个就需要自定义了,其实所谓的自定...
    99+
    2024-04-02
  • java实现自定义日期选择器的方法实例
    前言本文主要介绍的是利用java swing写的一个日期选择器.,Swing 是一个为Java设计的GUI工具包,Swing是JAVA基础类的一部分,Swing包括了图形用户界面(GUI)器件如:文本框,按钮,分隔窗格和表,下面话不多说了,...
    99+
    2023-05-31
    java 自定义 日期选择器
  • Vue自定义验证之日期时间选择器详解
    目录Vue自定义验证之日期时间选择器今日需求期望效果干货效果vue项目时间选择器html里面js里面Vue自定义验证之日期时间选择器 自定义验证 今日需求期望效果干货value-fo...
    99+
    2024-04-02
  • Vue自定义可以选择日期区间段的日历插件
    本文实例为大家分享了Vue自定义日历插件的具体代码,供大家参考,具体内容如下 由于网上的插件没有符合项目的需求决定自己实现 图示如下: 默认选择今天的日期时间段 1.默认状态(默认选...
    99+
    2024-04-02
  • 微信小程序自定义日期选择器的示例分析
    这期内容当中小编将会给大家带来有关微信小程序自定义日期选择器的示例分析,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。日期选择器是我们在写项目的过程中经常遇到的,有需要标题的选择器,也有不需要标题的选择器今...
    99+
    2023-06-26
  • Android自定义控件之日期选择控件使用详解
    Android日期选择控件效果如下:调用的代码:@OnClick(R.id.btn0) public void btn0() { final AlertDialog dialog = new AlertDialog.Builder(cont...
    99+
    2023-05-31
    android 日期 控件
  • 使用原生小程序组件Picker自定义日期时间选择器
    使用原生小程序组件Picker自定义日期时间选择器 1、 Picker简单介绍 可以看到Picker类型有5种, 具体可以查看微信开放文档 picker。 Picker(选择器)是一种常见的用户界面控...
    99+
    2023-09-14
    小程序
  • Android Kotlin Java 自定义日历控件 CalendarView ,支持单选,多选,按星期选,跨月份日期范围选择,样式设置,设置不可选日期,设置只可选日期
    GitHub 源码地下载 https://github.com/hdev0225/CalendarView CalendarView 日历控件 CalendarView 使用kotlin语言开发,支持单选,多选,按星期选,跨月份日期范围选择...
    99+
    2023-08-30
    android kotlin
  • WheelPicker自定义时间选择器控件
    本文实例为大家分享了WheelPicker自定义时间选择器控件的具体代码,供大家参考,具体内容如下 先上图: 使用android自带的DatePicker控件虽然也能实现功能,但样...
    99+
    2024-04-02
  • vant中的picker选择器自定义选项内容
    目录vant picker选择器自定义选项内容vant 使用picker二级级联其实逻辑比较简单(话不多说上代码)vant picker选择器自定义选项内容 项目中遇到需要在选择器中...
    99+
    2022-12-08
    vant picker选择器 picker自定义选项内容 vant的picker选择器
  • iOS自定义相机功能
    大多数app都会涉及到上传照片这个功能,图片来源无非是从相册获取或者相机拍摄。如果不是特别要求,调用系统已经满足需求。但对于特殊需求,就需要自定义相机拍摄界面了。 对于无需定制的相机...
    99+
    2024-04-02
  • iOS自定义滑杆效果
    本文实例为大家分享了iOS自定义滑杆的具体代码,供大家参考,具体内容如下 先让我们看看效果: 主要实现的代码: UIImage *thumbWithLevel(float aLev...
    99+
    2024-04-02
  • 微信小程序自定义滚动选择器
    本文实例为大家分享了微信小程序自定义滚动选择器的具体代码,供大家参考,具体内容如下 最近项目里有个需求要做个滚动选择器,在网上找了半天也没找到合适的demo,没办法只能发挥我的聪明才...
    99+
    2024-04-02
  • 如何使用mybatis自定义日期类型转换器
    本篇内容主要讲解“如何使用mybatis自定义日期类型转换器”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“如何使用mybatis自定义日期类型转换器”吧!前言使用mybatis中的typeHan...
    99+
    2023-06-29
  • Android自定义ViewGroup实现选择面板
    目录背景效果思路完整代码使用背景 在做社交类平台开发的小伙伴都躲不开选择社交个性标签的业务需求,那么实现这个UI效果我想大伙第一时间想到的必定是RecycleView或GridVie...
    99+
    2024-04-02
  • uniapp实现日期时间选择器
    本文实例为大家分享了uniapp实现日期时间选择器的具体代码,供大家参考,具体内容如下 由于项目需求需要,尝试过使用Vant组件库,但是一直出现问题,插件市场的插件又不太符合需求,使...
    99+
    2024-04-02
  • jquery如何编写日期选择器
    小编给大家分享一下jquery如何编写日期选择器,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!使用jquery做一个日期时间选择器,最好使用bootstrap弹窗实现:(1)点击文本框弹出...
    99+
    2024-04-02
  • Android自定义字母选择侧边栏
    本文实例为大家分享了Android自定义字母选择侧边栏的具体代码,供大家参考,具体内容如下 LetterSideBar.java package com.zb.customvie...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作