美文网首页Swifty Coding动画设计学习time
用DateComponents 实现奇葩的日历

用DateComponents 实现奇葩的日历

作者: azhunchen | 来源:发表于2016-09-28 10:17 被阅读1000次

相信不少人做过关于日历的功能,常见的日历排版有两种:

  • 周日在第一列
  • 周一在第一列

另外,还要普及一个常识——周日是每周的第一天

啊?难道周一不是每周的第一天吗?

no, no, no, too simple, so naive

在阿拉伯国家,他们的上班周期是周日到周四,周五、周六放假

扯远了,让我们先看看两种日历

周日在第一列 周一在第一列

需求

开始进入主题吧,最近在做一个项目,有个需求

  • 列出从今天所在周之后三周的日期(好拗口,看下面的效果图)
  • 周一在第一列
需求

要拿到这样的日期列表,只要能获取到第一个日期,其它都好办了。

那怎么获取到第一个日期呢?下面先讲一下我的思路

以下涉及到代码均以 Swift 语言为例

// v1.0
// 获取今天的 DateComponents
let todayComponents = Calendar.current.dateComponents(in: TimeZone.current, from: Date())

// 新建 firstDateComponents, year, weekOfYeear与todayComponents一致, weekday 初始化为周一(值为2)
var firstDateComponents = DateComponents.init()
firstDateComponents.year = todayComponents.year
firstDateComponents.weekOfYear = todayComponents.weekOfYear
firstDateComponents.yearForWeekOfYear = todayComponents.yearForWeekOfYear
firstDateComponents.weekday = 2

// 转换为日期
var firstDate = Calendar.current.date(from: firstDateComponents)

这是非常 naive 的代码,我们先铺垫讲一下 DateComponents 再回头讲代码

DateComponents

DateComponentsstruct类型,带有year month day weekday weekOfYear等日历相关的信息

其中的weekdayweekOfYear是需要重点介绍的

  • weekday 代表周一、周二这样的信息,枚举值对应的是
    • 周日 = 1
    • 周一 = 2
    • ...
    • 周六 = 7
  • weekOfYear 代表一年中的第几周

分析

了解完 DateComponents 后,就能很清楚了解到上面的代码有什么问题

即:当今天为周日时,获取到的第一天与需求不符

假设今天为25号,通过上面代码获取到的 fistDate 将是26号,而显然我们想要的是19号

所以我们需要对上面的代码进行优化,在某种情况下,需要向前翻一周

那某种情况的条件是什么呢?

我这人比较笨,遇到这种问题,我就穷举一下再找规律

假设今天是周几记为 todayWeekday ,需求中周几作为第一列记为 firstDayOfWeek

  • firstDayOfWeek 为周一时, todayWeekday 为周日,需要回滚一周
  • firstDayOfWeek 为周二时, todayWeekday 为周日、周一,需要回滚一周
  • firstDayOfWeek 为周三时, todayWeekday 为周日、周一、周二,需要回滚一周
  • 以此类推,得出结论当 firstDayOfWeek > todayWeekday 时,需要回滚一周

代码

enum Weekday: Int {
    case sunday = 1, monday, tuesday, wednesday, thursday, friday, saturday
    
    func string() -> String {
        var title = ""
        
        switch self {
        case .sunday:
            title = "周日"
        case .monday:
            title = "周一"
        case .tuesday:
            title = "周二"
        case .wednesday:
            title = "周三"
        case .thursday:
            title = "周四"
        case .friday:
            title = "周五"
        case .saturday:
            title = "周六"
        }
        
        return title
    }
}

extension Date {
    /// 获取从本周开始的日期数组
    ///
    /// - parameter weeks:          共获取几周的数据,必须大于0
    /// - parameter firstDayOfWeek: 周的第一天是周一还是周日
    ///
    /// - returns: 日期数组
    static func datesFromThisWeek(weeks: Int, firstDayOfWeek: Weekday) -> [Date] {
        var dates = [Date]()
        
        guard weeks > 0 else {
            return dates
        }
        
        let firstDate = firstDateOfThisWeek(firstDayOfWeek: firstDayOfWeek)
        dates.append(firstDate)
        
        for index in 1...(weeks * 7 - 1) {
            dates.append(firstDate.add(day: index))
        }
        
        return dates
    }
    
    /// 获取当周的第一天
    ///
    /// - parameter firstDayOfWeek: 日历的第一列是周几
    ///
    /// - returns: 第一天
    static func firstDateOfThisWeek(firstDayOfWeek: Weekday) -> Date {
        let todayComponents = Calendar.current.dateComponents(in: TimeZone.current, from: Date())
        
        var firstDateComponents = DateComponents.init()
        firstDateComponents.year = todayComponents.year
        firstDateComponents.weekOfYear = todayComponents.weekOfYear
        firstDateComponents.yearForWeekOfYear = todayComponents.yearForWeekOfYear
        firstDateComponents.weekday = firstDayOfWeek.rawValue
        
        var firstDate = Calendar.current.date(from: firstDateComponents)
        if firstDayOfWeek.rawValue > todayComponents.weekday! {
            // 如果第一列与今天不在同一周,需要特殊处理,取上周的数据
            firstDate = firstDate?.add(day: -7)
        }
        return firstDate!
    }
    
    /// 获取当周的最后一天
    ///
    /// - parameter firstDayOfWeek: 日历的第一列是周几
    ///
    /// - returns: 最后一天
    static func lastDateOfThisWeek(firstDayOfWeek: Weekday) -> Date {
        let firstDate = firstDateOfThisWeek(firstDayOfWeek: firstDayOfWeek)
        return firstDate.add(day: 6)
    }
    
    /// 获得新的日期
    ///
    /// - parameter day: 可以为正数和负数,正数为未来的日期,负数为过去的日期
    ///
    /// - returns: 新的日期
    func add(day: Int) -> Date {
        var addingDayComponents = DateComponents.init()
        addingDayComponents.day = day
        return Calendar.current.date(byAdding: addingDayComponents, to: self)!
    }
}

相关文章

  • 用DateComponents 实现奇葩的日历

    相信不少人做过关于日历的功能,常见的日历排版有两种: 周日在第一列 周一在第一列 另外,还要普及一个常识——周日是...

  • Swift-日历相关01

    1, 日历的基本知识 2, DateComponents的基本知识 3,日历切换 4,当前日期加上一定时间 5, ...

  • Date日期的加减

    通过Calendar实现日期加减。主要是通过DateComponents组件设置要加减的年月日下面举几个例子 获取...

  • swift DateComponents

    一、简介 DateComponents是以可扩展的结构化方式封装日期的组件。它通过提供日期的部分来指定日期:时,分...

  • 用JS实现Windows日历(一)

    整体效果图 时钟绘制与运转 生成刻度 js的实现 思路1.首先只是个圆,并没有刻度,需要生成12个刻度,这刻度就是...

  • NSCalendar + NSDateComponents

    NSDateComponents 若获取dateComponents对象时,设置components的时候未添加N...

  • 可滑动的日历

    实现可滑动的日历 这是简单的效果,可以滑动,是用的viewpager和自定义view实现的 首先是viewpage...

  • 日历功能-BSCalendar

    BSCalendar ☆☆☆ “日历?” ☆☆☆ 通过UICollectionView简单实现日历功能 githu...

  • pc端个性化日历实现

    一、实现日历组件 二、个性化日历使用

  • 日历控件的实现

    界面分析: 项目中所有的类信息YWWeekTopView:顶部显示周几的信息YWButton:日期按钮,处理显示的...

网友评论

  • 00c07cd7f9aa:大兄弟 第一个控件 有demo吗
    azhunchen: @00c07cd7f9aa 大兄弟,不要伸手啊,了解完原理之后,实现不是很简单了吗
  • 十一岁的加重:真的很奇葩
  • ff04dc78d091:基本日历都是要支持用户设置起始日(周几)的,这难度不大!
    azhunchen:@兰田旭 :smirk: 是的,难度不大,看我几行代码就实现了也知道,但是坑不少,做了才知道

本文标题:用DateComponents 实现奇葩的日历

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