美文网首页
iOS-Swift-制作简易日历并获取点击日期

iOS-Swift-制作简易日历并获取点击日期

作者: Janise001 | 来源:发表于2019-01-16 17:05 被阅读0次

在网上逛帖的时候看到有网友制作的日历非常漂亮,下载后发现基本都是OC的,逻辑基本了解之后闲下来用Swift实现了一个简单的,没有使用编程框架,主要是对指定的日期信息获取和展示。

上效果: 效果.gif
日期的排列是使用collectionview自动排列,星期view是另写的简单UIView,顶部的时间label默认是当前日期所在的月份,左右是“上一月”、“下一月”的点击按钮,视图层如下:
视图层.png

日历的制作思路如下:
ViewController部分:
1.默认获取当前日期信息,将日期信息发送给CalendarView处理
2.上一月份、下一月份对应当前日期的获取,如2019.01.16对应的分别是2018.12.16、2019.02.16,我使用的是Calendar和DateComponents获取日期信息,这样可以避免处理闰年与非闰年、闰月与非闰月带来的问题,获取到对应的日期后将对应的date传给CalendarView处理
CalendarView部分:
1.获取传送的date后通过方法获取date所在月份的天数(此处算法上有闰月、非闰月、大月、小月的区别,如直接信息获取,则不必考虑,使用date所在月下一月的第一天与date所在月的第一天差值获取,使用如下语法获取)

calendar.dateComponents...

func dateComponents(_ components: Set<Calendar.Component>, from start: Date, to end: Date) -> DateComponents

2.获取date所在月的第一天是星期几,此处有坑,获取到的星期几与实际要大一,网上查到的信息大都是猜测是时区差值的原因, 确定原因我不敢肯定。
3.刷新UICollectionView数据,我的星期周期是从”星期日“开始排列的,而实际月份不可能永远那么巧都从”星期日“开始排列,所以,在UICollectionView中要处理第一个星期中1号之前空出来的部分cell以及月末后面空出的cell。
4.使用闭包返回点击的cell中日期的label,由ViewController处理展示(多次点击同一个月份中不同的日期后点击“上一月”或者“下一月”,展示点击的背景数量,位置不断变化,我还在找原因)
下面是我认为比较关键的代码
获取上个月的同一日期

    @objc func getLastMonth() {
        let calendar = Calendar.init(identifier: .gregorian)
        var comLast = DateComponents()
        comLast.setValue(-1, for: .month)
        self.yearOMonth = calendar.date(byAdding: comLast, to: self.yearOMonth)!
    }

获取下个月的同一日期

@objc func getNextMonth() {
        let calendar = Calendar.init(identifier: .gregorian)
        var comLast = DateComponents()
        comLast.setValue(+1, for: .month)
        self.yearOMonth = calendar.date(byAdding: comLast, to: self.yearOMonth)!
    }

获取指定月份的天数

    func calculateDaysInDateMonth(_ date: Date) -> Int {
        let calendar = Calendar(identifier: .gregorian)
        //指定日期转换
        let specifiedDateCom = calendar.dateComponents([.year,.month,.day], from: date)
        //指定日期所在月的第一天
        var startCom = DateComponents()
        startCom.day = 1
        startCom.month = specifiedDateCom.month
        startCom.year = specifiedDateCom.year
        let startDate = calendar.date(from: startCom)
        //指定日期所在月的下一个月第一天
        var endCom = DateComponents()
        endCom.day = 1
        endCom.month = specifiedDateCom.month == 12 ? 1 : specifiedDateCom.month! + 1
        endCom.year = specifiedDateCom.month == 12 ? specifiedDateCom.year! + 1 : specifiedDateCom.year
        let endDate = calendar.date(from: endCom)
        //计算指定日期所在月的总天数
        let days = calendar.dateComponents([.day], from: startDate!, to: endDate!)
        let count = days.day ?? 0
        return count
    }

获取指定日期所在月份的第一天是星期几

    func getFirstDayInDateMonth(_ date: Date) -> Int {
        let calendar = Calendar(identifier: .gregorian)
        var specifiedDateCom = calendar.dateComponents([.year,.month], from: date)
        specifiedDateCom.setValue(1, for: .day)
        let startOfMonth = calendar.date(from: specifiedDateCom)
        let weekDayCom = calendar.component(.weekday, from: startOfMonth!)
        return weekDayCom
    }

UICollectionView中设置cell数据(排除1号之前和月末之后的日期cell)

if indexPath.row >= self.weekday && indexPath.row < self.weekday + self.days  {
            cell.dateLabel.text = "\(tempDay)"
            tempDay += 1
        }else {
            cell.dateLabel.text = ""
        }

在代码编图的时候为了cell文字和星期View中的label一一对齐的时候发现很难实现cell之间的空隙设置,最后摸索出来的结果是初始化的collectionViewLayout使用UICollectionViewFlowLayout()设置,变更UICollectionViewFlowLayout()常量的属性赋值,设置minimumInteritemSpacing(水平方向最小间隙为0),minimumLineSpacing(垂直方向最小间隙为5),itemSize设置cell的宽高,一翻倒腾效果还凑合。

.png
完整demo已传至https://github.com/Janise001/CalendarDemo
demo中的CalendarView可单独拿出使用,传date日期参数即可。demo在点击方面还有不足,待改。

相关文章

  • iOS-Swift-制作简易日历并获取点击日期

    在网上逛帖的时候看到有网友制作的日历非常漂亮,下载后发现基本都是OC的,逻辑基本了解之后闲下来用Swift实现了一...

  • 制作简易日历

    JS CSS HTML

  • 获取周日历日期

  • 19-与时间相关的模块

    时间日期相关的模块 日历模块 calendar() 获取指定年份的日历字符串 month() 获取指定年月的日历字...

  • 小程序日历

    我们就用 小程序开发工具来写小程序。 我的日历的需求是。 切换显示。 点击日期日期可以添加日程。 长按并拖拽可...

  • Linux命令的简单使用

    bc:简易计算器 cal:简历日历 date:查看日期 java -verion:查看java版本 ls:查看当前...

  • JavaScript-简易日历

    简易日历 HTML部分 简易日历 1 JAN 2 ...

  • 原生JS实现日历组件

    想要实现的效果 点击日期选择框出现日历 有个日期控制栏帮助选择日期, 包括年、月、日的选择和今天 日历格子,初次点...

  • js获取未来几天的日期

    实现目标:需要构建今天到下周日的日期,点击获取某一天的日期,传递给后台,获取点击日期的数据实现方法:开始以为很麻烦...

  • 签到日历 接上一条

    签到日历 在请求后台返回数据的地方,写这几行代码就行了。这个就是点击签到按钮 获取用户已经签到的日期,然后显示在日...

网友评论

      本文标题:iOS-Swift-制作简易日历并获取点击日期

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