Date picker 控件简介

电玩女神 2022-07-24 12:22 113阅读 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 条评论，113人围观）

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

相关阅读

相关 ant-design-vue中a-date-picker组件只选择年份

<a-form-model-item label="开始年限：" prop="all_plan_one" > <a-date-picker

骑猪看日落/ 2022年12月20日 12:32/ 0 赞/ 176 阅读

相关 el-date-picker日期问题

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

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

相关 el-date-picker默认new Date()时间差8个小时

<el-date-picker v-model="formSear.date" :type="searchDateType" :cl

墨蓝/ 2022年12月05日 12:22/ 0 赞/ 120 阅读

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

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

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

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

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

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

相关 vue之el-date-picker使用

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

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

相关 Element el-date-picker 日期选择器详解

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 前言 2. 基本用法 3. 日期格式化 4. 选择其他日期单位

女爷i/ 2022年09月15日 15:48/ 0 赞/ 273 阅读

相关 Date picker 控件简介

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

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

相关 Android 控件之 Date & Time 组件

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

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

相关 el-date-picker获取焦点方法

小编为了实现日期控件在显示时候字段获得焦点的操作，研究了好一会儿，对比了其他的组件，最后终于实现了结果，和大家分享一下。 <el-date-picker

清疚/ 2021年09月28日 00:44/ 0 赞/ 695 阅读