Date picker 控件简介

电玩女神 2022-07-24 12:22 174阅读 0赞

#  1、datePicker #

又名：日期选择器。

#  2、效果图： #

做的比较简陋。

![Center][]

当日期发生变化，下面的显示标签上显示的内容也会随之变化。

#  3、表示层结构 #

控件有：

![Center 1][]

#  4、源码 #

语言：swift2.2

import UIKit
    
    class ViewController: UIViewController
    {
        @IBOutlet weak var datePicker: UIDatePicker!
        @IBOutlet weak var lbl_currentDate: UILabel!
        
        
        override func viewDidLoad()
        {
            super.viewDidLoad();
            
            lbl_currentDate.adjustsFontSizeToFitWidth = true;
            
        }
    
        /// datePicker事件
        @IBAction func OnChangeDate(sender: AnyObject)
        {
            let date = datePicker.date;
            let dateFormat = NSDateFormatter();
            
            /// 日期格式
            dateFormat.dateFormat = "YYYY年MM月dd日 HH:MM";
            
            /// 显示当前日期
            lbl_currentDate.text = "日期:" + String(dateFormat.stringFromDate(date));
        }
        
        override func didReceiveMemoryWarning()
        {
            super.didReceiveMemoryWarning()
            // Dispose of any resources that can be recreated.
        }
    }

[Center]: /images/20220722/b85b56c66c5a4730889c750e14a8965b.png
[Center 1]: /images/20220722/e679aec9e55140b0bae093f31c987f75.png

发表评论取消回复

表情：

评论列表（有 0 条评论，174人围观）

还没有评论，来说两句吧...

相关阅读

相关 ELement UI时间控件el-date-picker误差8小时

问题前端使用[框架][Link 1]与UI：Vue+ElementUI。在项目开发中使用到了DateTimePicker组件，在选择时间后点击查询发现查询导的内容

雨点打透心脏的1/2处/ 2023年09月29日 10:51/ 0 赞/ 17 阅读

相关 date-picker组件置空失败问题

1.问题描述 ![30fc5c22e9a1476388a25e3b5e5fffa0.png][]![a41edfdf1e6d40de9518f228bd548607.pn

痛定思痛。/ 2023年09月26日 11:33/ 0 赞/ 37 阅读

相关 el-date-picker用法

![1103120-20190227083548383-457255659.png][] 需求：1、默认时间是当天开始到此刻的时间　　　2、快捷键为今天、昨天、最近一周、

缺乏、安全感/ 2023年06月01日 12:41/ 0 赞/ 35 阅读

相关 el-date-picker日期问题

el-date-picker日期选择控件少一天的问题 https://blog.csdn.net/qq\_42178085/article/details/10093235

电玩女神/ 2022年12月17日 07:03/ 0 赞/ 172 阅读

相关 Vue 日期控件(el-date-picker)回显异常及其原理分析

Vue 日期控件(el-date-picker)回显异常及其原理分析最近在跟一个项目，项目用的element-ui + vue ，做一个新功能的时候，用element-

女爷i/ 2022年12月03日 09:09/ 0 赞/ 332 阅读

相关 el-date-picker日期选择控件少一天的问题

选择的日期和存入的日期差一天的原因这个是由于element-ui中时间控件的默认时间为国际标准时间，因此与北京时间差8个小时。解决方法： ![20200

妖狐艹你老母/ 2022年11月29日 11:39/ 0 赞/ 147 阅读

相关 elementui el-date-picker 组件值回显

startYearMonth: \[','\], this.$set( this.formModel, 'startYearMonth',

墨蓝/ 2022年10月07日 09:51/ 0 赞/ 30 阅读

相关 vue之el-date-picker使用

场景：设置默认值之后，重新选择日期，页面赋值不会生效，但是通过打印发现已经修改了，只是页面没有重新渲染。解决方法：不生效的处理方法：this

分手后的思念是犯贱/ 2022年10月05日 14:00/ 0 赞/ 178 阅读

相关 Date picker 控件简介

1、datePicker 又名：日期选择器。 2、效果图：做的比较简陋。 ![Center][] 当日期发生变化，下面的显示标签上显示的内容也会随之变化

电玩女神/ 2022年07月24日 12:22/ 0 赞/ 175 阅读

相关 Android 控件之 Date & Time 组件

目录 TextClock( 文本时钟) Chronometer(计时器) -------------------- TextClock( 文本时钟) 1、Andr

怼烎@/ 2022年05月11日 03:20/ 0 赞/ 202 阅读