Swift之UIDatePicker

SwiftUI基础组件之DatePicker详解 它提供了多种样式,能以不同的视觉形式呈现日期和时间选择界面,并且支持数据绑定,方便开发者获取用户选择的日期和时间值。模拟一个旅行计划安排的界面,用户可以选择出发日期、返回日期以及出发时间,同时对日期范围进行限制,还会根据用户的选择显示相关信息。当用户选择不同的日期或时间时,绑定的变量值会相应更新。视图显示用户选择的旅行计划信息,包括出发日期、返回日期和出发时间,这些信息会随着用户的选择实时更新。,表示只显示小时和分钟的选择器,让用户选择具体的时间。的值,让用户既可以选择日期,又可以选择时间。 阅读详情

UIDatePicker 是UIKit控件中提供日期和时间选择的控件。首先我们先了解一下相关属性

1、Mode 控件的模式设置,有如下几种模式:

 A、Date:选择这种模式,控件仅显示日期,不显示时间。

 B、Time:控件仅显示时间,不显示日期。

 C、Date和Time:在此模式下,控件将同时显示日期和时间

 D、Count Down Timer:在此UIDatePicker控件显示为倒计时状态。

 2 、Locate

       该属性用于设置控件的本地化显示,在xib中,下拉列表中列出了多个本地化区域的选项。如果选择Chinese(Simplified)相关的选择,则时间日期除数字之外的日期字符用简体中文显示。

3、Interval

        此参数用于设置控件上,两个最小单位时间的时间间隔。当模式选择为Date是,才属性值失效

4、Contraints

         此参数用于限定时间控件可以选择的时间范围。这两参数设置是能为我们带来方便的,比如做的是预约软件,选择时间预约时,可以制定一个将来的时间,以免用户造成困扰

5、Timer

        此参数仅当UIDatePicker控件Count Down Timer 模式时有效,此时用于设置倒计时所要用的总时间,以秒为单位



首先我们创建一个简单的UIDatePicker,可以用xib创建,也可以用代码创建

        let date = UIDatePicker.init(frame: CGRect.init(x: 0, y: 0, width: 300, height: 200))
        self.view.addSubview(date)
        // 控件模式
         date.datePickerMode = UIDatePickerMode.dateAndTime
        //创建一个日期格式器
        let  dformatter = DateFormatter()
        //为日期格式器设置格式字符串
        dformatter.dateFormat  = "yyyy年MM月dd日 HH:mm:ss" //这里要注意HH的大小写,如果是大写表示是24小时制,小写表示12小时制
        //使用日期格式器格式化日期、时间
        let datestr = dformatter.string(from: date.date)
        print(datestr)


接下来我们看看控件倒计时显示,不过感觉用到的地方比较少

import UIKit

class ViewController: UIViewController {

    var ctimer : UIDatePicker!
    var btn : UIButton!
    var leftTime:Int = 10
    var timer :Timer!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        ctimer = UIDatePicker.init(frame: CGRect.init(x: 0, y: 0, width: 300, height: 200))
        self.view.addSubview(ctimer)
        // 控件模式
        ctimer.datePickerMode = UIDatePickerMode.countDownTimer
        //必须是60的整数倍,比如设置为100,值自动变为60
        ctimer.countDownDuration = TimeInterval(leftTime)
        ctimer.addTarget(self, action: #selector(timeChange), for: .valueChanged)
        
        
        btn = UIButton.init(type: .system)
        btn.frame = CGRect.init(x: 100, y: 400, width: 100, height: 100)
        btn.setTitleColor(UIColor.red, for: .normal)
        btn.setTitleColor(UIColor.green, for: .disabled)
        btn.setTitle("开始", for: .normal)
        btn.setTitle("倒计时中", for: .disabled)
        btn.clipsToBounds = true
        btn.layer.cornerRadius = 5.0
        btn.addTarget(self, action: #selector(startClicked), for: .touchUpInside)
        
        
        self.view.addSubview(btn)

           }
    func timeChange() {
        print("倒计时:" + String(self.ctimer.countDownDuration))
    }
    func startClicked() {
        
       
        self.btn.isEnabled = false
        //获取该计时器的剩余时间
        leftTime = Int(self.ctimer.countDownDuration)
        //禁用UIDatePicker控件和按钮
        self.ctimer.endEditing(false)
        //初始化一个字符串
        let message = NSString.init(format: "倒计时开始,还有%d秒。。。", leftTime)
        //创建一个UIalterview对象,并确认倒计时开始
        let alter = UIAlertView()
        alter.title = "倒计时开始"
        alter.message = message as String
        alter.addButton(withTitle: "确定")
        alter.show()
        timer = Timer.scheduledTimer(timeInterval: TimeInterval(1), target: self, selector: #selector(tickDown), userInfo: nil, repeats: true)
        
        
        
        
        
        
    }
    
    func tickDown() {
        //将剩余时间减少1秒
        
        leftTime -= 1
        print(leftTime)
        //修改UIDatePicker的剩余时间
        self.ctimer.countDownDuration = TimeInterval(leftTime)
        //如果剩余时间小于等于0
        if leftTime <= 0 {
            //取消定时器
             timer.invalidate()
            //启用UIdatepicker和按钮
            self.ctimer.isEnabled = true
            self.btn.isEnabled = true
            let alter = UIAlertView()
            alter.title = "时间到"
            alter.message = "时间到"
            alter.addButton(withTitle: "确定")
            alter.show()
           
        }
    }

}

几乎见到过用着UIDatePicker进行倒计时的,不过我们去掉UIDatePicker就可以实现app通用倒计时方法了






使用Swift创建一个UIDatePicker 在本文中,我将向您展示如何在Swift中创建一个UIDatePicker,并使用相应的源代码进行说明。通过以上代码示例,您已经学会了如何使用Swift创建一个UIDatePicker,并对其进行一些基本的自定义设置。您可以进一步探索UIDatePicker的属性和方法,以满足您的特定需求,并根据您的应用程序的设计进行进一步的定制化。例如,我们可以设置日期选择器的位置和大小,以及选择器的模式。在上面的示例中,我们将日期选择器的大小设置为200x200,并将其模式设置为日期和时间。在上面的示例中,我们使用。 阅读详情

相关推荐

swift-iOS年月份选择器UIDatePickerUIPickerView

iOS 年月份选择器 UIDatePicker UIPickerView

Swift基础--UIDatePicker 使用

UIDatePickerUIDatePicker是iOS里默认的时间选择器,在使用时,有两种方法: - 1 通过storyboard添加UIDatePicker并绑定到ViewController中 - 2 通过代码在Viewcontroller中添加 这里介绍第一种方法 添加UIDatePicker到Storyboard添加的方法自然是拖动Date Picker 到storyboard 中

dai的博客 2256

swift-YLDatePicker-时间选择器(与UIDatePicker的区别是区域之外的时间不显示)

YLDatePicker - 时间选择器(与UIDatePicker的区别是区域之外的时间不显示)

SwiftUI之DatePicker

本章你会学会,SwiftUI中DatePicker 的使用

王偃飞的博客 1017

ios-swift-demo12-日期选择控件(UIDatePicker)的用法.zip

swift-demo12-日期选择控件(UIDatePicker)的用法

产生式系统的完整示例——医疗诊断系统(附python代码)

发烧(Fever)、咳嗽(Cough)、皮疹(Rash)、喉咙痛(SoreThroat)、头痛(Headache)、流涕(RunnyNose)、呼吸困难(ShortnessOfBreath)、白细胞计数高(HighWBC)、接触流感患者(ContactFlu)、接触麻疹患者(ContactMeasles)。(2)若规则库中存在尚未使用过的规则,而且它的前提(前件)可与综合数据库中的已知事实匹配,则转第(3)步;(3)执行当前选中的规则,并对该规则做上标记,把该规则执行后得到的结论送入综合数据库中。

搏博的专栏 1704

ios swift5 日期时间显示器 UIDatePicker 日期时间选择 前一天 后一天

参考博客: 40-Swift之UIDatePicker(日期选择器) UIDatePicker 日期/时间选取器(滚轮)—IOS开发

baidu_40537062的博客 3058

寒假实训笔记day01——认识M4单片机之STM32F405RGT6

认识M4单片机之STM32F405RGT6(含义、规格、参数)

weixin_47200070的博客 8551

SwiftUI中DatePicker学习

swiftUI中DatePicker学习分享 1、最简单的调用 2、年月日时分显示时,不出现年份的解决方法 3、滚动式控件的界面 4、DatePicker的中文化和国际化 5、日历列表控件界面 6、日期设置范围

大大狗之家 2980

DC综合中set_dft_signal的实战配置与优化策略

本文深入解析了DC综合中set_dft_signal命令的实战配置与优化策略。文章从命令的核心作用出发,详细拆解了-view、-type、-usage等关键参数,并通过扫描使能与时钟门控的实战案例,展示了如何正确配置以实现测试模式下的功耗优化。同时,文章总结了高级优化策略、与低功耗流程的协同方法以及常见错误排查清单,旨在帮助数字芯片设计工程师构建高可测性、低功耗的稳健DFT基础。

weixin_28347369的博客 403

STM32实现webserver显示数据及配置参数

其实提到的将fsdata.c重命名为fsdata_custom.c,可以不重命令,将/LWIP/Target/lwipopts.h中HTTPD_USE_CUSTOM_FSDATA 定义为0,这样HTTPD_FSDATA_FILE将使用fsdata.c,避免每次生成fsdata.c需要重命令的麻烦。2、登录成功后,板卡根据板卡配置类型,返回对应的数据页面,该页面可实现数据校准、清零,以及进行到板卡参数设置页面。目前还未实现post功能以及http身份验证功能。3、板卡参数设置页面。

2694

swift中UIDatePicker的使用

https://github.com/potato512/SYSwiftLearning 效果图 示例代码 // 实例化UIDatePicker(默认宽高分别是:屏幕的宽度,216的高度) let datepicker = UIDatePicker() self.view.addSubview(datepicker) // 属性设置 datepicker.b

番薯大佬的专栏 6039

Java 处理地理信息数据[DEM TIF文件数据获取高程]

EPSG 是一个国际标准,用于唯一标识地理坐标系和投影坐标系。

两点 1281

Swift - UIDatePicker

import UIKit class ViewController: UIViewController{ override func viewDidLoad() { super.viewDidLoad() //创建DatePicker let datePicker = UIDatePicker() //设置位置 ...

iOS - Swift 1239

TensorRT-LLM环境配置避坑指南:从安装到实战

本文是一份详尽的TensorRT-LLM环境配置避坑指南。文章重点解析了从Python、CUDA、PyTorch版本选择,到解决mpi4py安装这一核心难题的完整流程,并提供了经过验证的稳定版本组合与实战排错方案,帮助开发者高效部署大语言模型推理优化环境。

a0b1c2d3的专栏 985

72、海洋地理信息系统:电子海图的全面解析

本文全面解析了海洋地理信息系统中的电子海图技术,从AIS数据的应用、电子海图数据的存储与显示,到电子导航的发展趋势和S-100通用水文数据模型的推广,系统地阐述了电子海图在现代航海中的核心作用及其未来发展方向。

hhh00的博客 252

UIDatePicker使用 Swift

定义变量 var datePickerView = UIDatePicker() var selectDateValue = ""//选中的Date,String类型 创建UIDatePicker let y = 84*HeightRate datePickerView = UIDatePicker(frame: CGRect(x: 0, y: y, width: datePickerB...

weixin_42012181的博客 387

Transformer实战(1)——词嵌入技术详解

词嵌入的核心思想是,通过将词语表示为稠密的向量,使得计算机可以更有效地处理和理解文本中的语义关系。在本节中,我们学习了单词分布式表示的概念及其实现,包括静态嵌入和动态嵌入,实现了 Word2Vec 和 GloVe 模型,并介绍了如何使用 Gensim API 探索嵌入空间。

盼小辉丶的博客 1万+

UIDatePicker swift

// // ViewController.swift // UILabelTest // // Created by mac on 15/6/23. // Copyright (c) 2015年 fangyuhao. All rights reserved. // import UIKit class ViewController: UIViewController{ @IBOutlet...

weixin_30888707的博客 94

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

【Swift】UIKit:UIAlertController、UIImageView、UIDatePicker、UIPickerView和UISwitch

UIAlertController 是 iOS 8+ 推出的弹窗组件,用于替代旧版 UIAlertView 和 UIActionSheet。它支持两种样式:居中弹窗(alert)和底部弹出框(actionSheet),可添加按钮、输入框,实现提示、确认、输入等功能。关键方法包括创建弹窗、添加按钮/输入框、显示弹窗等。需要注意 iPad 适配、输入框安全获取、闭包循环引用等问题。UIImageView 是图片展示组件,支持静态图片显示和动态轮播,可配置内容模式、轮播参数等。两者都是 iOS 开发中常用的 UI

Antonio915的博客 1319

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

Swift基础(二十七)UIDatePicker

class RootViewController: UIViewController {     override func viewDidLoad() {         super.viewDidLoad()         // Do any additional setup after loading the view.         self.view.background

HumorousGhost 746

霍尼韦尔SoftMaster使用说明

霍尼韦尔SoftMaster使用说明

Swift - 日期选择控件(UIDatePicker)的用法

纯代码创建日期选择控件 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

swift_vip的博客 5310

UIDatePicker倒计时 swift

// // ViewController.swift // UILabelTest // // Created by mac on 15/6/23. // Copyright (c) 2015年 fangyuhao. All rights reserved. // import UIKit class ViewController: UIViewController{ var ctime...

weixin_30693683的博客 121

Swift 自定义 UIDatePicker

UIDatePicker是个很好用的控件,但是有时候UI设计的样式和UIDatePicker的样式完全不同,那么这个时候我们该怎么办呢?接下来就分享给大家 比如这个样式// 扩展UIDatePicker类 extension UIDatePicker { // 去掉中间 row 上的分割线 func clearSepearatorLine() { for subVi

Shinkai_的博客 1524

web 时间选择器 java_UIDatePicker时间选择器的使用_Swift教程

UIDatePicker时间选择器是swift中的一个类,虽然官网的UIDatePicker时间选择器不是很好看,但是也是swift中非常重要的组件,下面来通过教程示例学习一下如何使用UIDatePicker组件。importUIKitclassViewController:UIViewController{overridefuncviewDidLoad(){super.viewDi...

weixin_28973649的博客 473
上一篇: swift UIScrollView
下一篇: swift 简单倒计时
Nackery
博客等级 码龄11年 7粉丝 134原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值