ios 签到功能 补签功能 日历

最新推荐文章于 2023-04-24 10:27:06 发布
置顶 最新推荐文章于 2023-04-24 10:27:06 发布
阅读量4.4k 收藏 3
点赞数 1
文章标签： ios 签到 补签 日历
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37815556/article/details/78137911
版权

iOS 日历 签到功能

公司APP涉及到签到功能，具体以当前日期为分界线。

也就是今天之前的日期分为已签到和未签到并且未签到可以补签（涉及到3种UI效果）。今天分为已签到和未签到（2种UI效果），今天以后的显示为日期（1种UI效果）。

下面是效果图奉上。

红色部分为组头，显示的是当前年月。

绿色部分是当前月份的日期以及之前的日期。

数字部分为当前日期后面的日期。

这样就可以自定义出来今天日期之前的日期是否签到。


下面是具体代码实现。

直接新建工程,在新工程的viewcontroller.m里面直接拷贝如下代码：

#import "ViewController.h"

#import "NSDate+LYWCalendar.h"

#import "LYWCollectionViewCell.h"

#import "LYWCollectionReusableView.h"

#define ScreenWidth [UIScreen mainScreen].bounds.size.width

#define ScreenHeight [UIScreen mainScreen].bounds.size.height

#define NumberMounthes 1

@interface ViewController ()<UICollectionViewDelegate,UICollectionViewDataSource,UICollectionViewDelegateFlowLayout>{

    //自动布局

    UICollectionViewFlowLayout *_layout;

    //表格视图

    UICollectionView *_collectionView;

    //当月第一天星期几

    NSInteger firstDayInMounthInWeekly;

    NSMutableArray *_firstMounth;

    

    NSMutableArray *_dateArray;

    

}


@end

static NSString *cellID =@"cellID";

static NSString *headerID =@"headerID";

static NSString *footerID =@"footerID";

@implementation ViewController


- (void)viewDidLoad {

    [superviewDidLoad];

    

    self.automaticallyAdjustsScrollViewInsets =NO;//关闭自动适应

    NSArray *weekTitleArray =@[@"日",@"一",@"二",@"三",@"四",@"五",@"六"];

    for (int i =0; i < weekTitleArray.count; i++) {

        UILabel *weekTitleLable = [[UILabelalloc]initWithFrame:CGRectMake(i * ((ScreenWidth/(weekTitleArray.count))),64,ScreenWidth/(weekTitleArray.count ),30)];

        if (i ==0 || i ==6) {

          

            weekTitleLable.textColor = [UIColorblackColor];

      

        }else{

            weekTitleLable.textColor = [UIColorblackColor];

        }

        weekTitleLable.text = [weekTitleArrayobjectAtIndex:i];

        weekTitleLable.textAlignment =NSTextAlignmentCenter;

        [self.viewaddSubview:weekTitleLable];

    }

    [selfcreateData];

    [selfcreateCollectionView];

}

-(void)createCollectionView{

    

    //设置collectionView及自动布局,代理方法尤为重要

    _layout = [[UICollectionViewFlowLayoutalloc]init];

    //头部始终在顶端

    _layout.sectionHeadersPinToVisibleBounds =YES;

    //头部视图高度

    _layout.headerReferenceSize =CGSizeMake(414,40);

    _layout.minimumLineSpacing =0;

    _layout.minimumInteritemSpacing =0;

    _collectionView = [[UICollectionViewalloc]initWithFrame:CGRectMake(0,64 + 30, ScreenWidth,ScreenHeight -64 -30)collectionViewLayout:_layout];

    _collectionView.backgroundColor = [UIColorwhiteColor];

    //注册表格

    [_collectionViewregisterClass:[LYWCollectionViewCellclass]forCellWithReuseIdentifier:cellID];

    //注册头视图

    [_collectionViewregisterClass:[LYWCollectionReusableViewclass]forSupplementaryViewOfKind:UICollectionElementKindSectionHeaderwithReuseIdentifier:headerID];

    _collectionView.delegate =self;

    _collectionView.dataSource =self;

    //注册尾视图

    // [_collectionView registerClass:[UICollectionReusableView class] forCellWithReuseIdentifier:footerID];


    [self.viewaddSubview:_collectionView];

}

-(void)createData{

    

    

    _dateArray = [[NSMutableArrayalloc]init];


    NSDate *currentDate = [[NSDatealloc]init];

    

    int daysInMounth =  (int)[currentDatetotaldaysInMonth:currentDate];

        //获取月份

        int mounth = ((int)[currentDatemonth:currentDate])%12;

        NSDateComponents *components = [[NSDateComponentsalloc]init];

        //获取下个月的年月日信息,并将其转为date

        components.month = mounth;

        components.year = [currentDateyear:currentDate];

        components.day =1;

        NSCalendar *calendar = [NSCalendarcurrentCalendar];

        NSDate *nextDate = [calendardateFromComponents:components];

        //获取该月第一天星期几

        NSInteger firstDayInThisMounth = [nextDatefirstWeekdayInThisMonth:nextDate];

        //该月的有多少天daysInThisMounth

        NSInteger daysInThisMounth = [nextDatetotaldaysInMonth:nextDate];

        NSString *string = [[NSStringalloc]init];

        

        

        

        for (int j =0; j < (daysInMounth >29 && (firstDayInThisMounth ==6 || firstDayInThisMounth ==5) ?42 :35) ; j++) {

            if (j < firstDayInThisMounth || j > daysInThisMounth + firstDayInThisMounth -1) {

                string = @"";

                [_dateArray addObject:string];

            }else{

                string = [NSStringstringWithFormat:@"%ld",j - firstDayInThisMounth +1];

                [_dateArray addObject:string];



            }

        }

}

- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{

   

return _dateArray.count;

}


- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView{

    return 1;

}

//这里是自定义cell,非常简单的自定义

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{

    LYWCollectionViewCell *cell = [collectionViewdequeueReusableCellWithReuseIdentifier:cellID forIndexPath:indexPath];

   

    UIView *blackgroundView = [[UIViewalloc]initWithFrame:CGRectMake(0,0, cell.frame.size.width, cell.frame.size.height)];

   

    blackgroundView.backgroundColor = [UIColoryellowColor];

   

    NSDate *date = [[NSDatealloc]init];

  

    NSInteger day = [dateday:date];

    

    cell.dateLable.text = [_dateArray objectAtIndex:indexPath.row];


    if ([cell.dateLable.textisEqualToString:@""]) {

       

        cell.dateView.backgroundColor = [UIColorclearColor];

        

        cell.dateLable.hidden =YES;

        

        cell.dateView.hidden =NO;

   

    }elseif([cell.dateLable.textintegerValue] !=0 && [cell.dateLable.textintegerValue]<=day){

        

        cell.dateView.backgroundColor = [UIColorgreenColor];

        

        cell.dateLable.hidden =YES;

        

        cell.dateView.hidden =NO;

        

    }else{

        

        cell.dateLable.hidden =NO;

        

        cell.dateView.hidden =YES;

    }

   

    

    cell.selectedBackgroundView = blackgroundView;

   

    return cell;

}

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath{

    returnCGSizeMake(ScreenWidth/7,ScreenWidth/7);

}


- (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout insetForSectionAtIndex:(NSInteger)section{

    returnUIEdgeInsetsMake(0,0,0,0);

}

- (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath{

    if (kind ==UICollectionElementKindSectionHeader) {

        LYWCollectionReusableView *headerRV = [collectionViewdequeueReusableSupplementaryViewOfKind:kindwithReuseIdentifier:headerID forIndexPath:indexPath];

        //自定义蓝色

        headerRV.backgroundColor = [UIColor redColor];

        

        NSDate *currentDate = [[NSDate alloc]init];

       

        NSInteger year = [currentDate year:currentDate];

       

        NSInteger mounth = ([currentDate month:currentDate] + indexPath.section) %12 == 0 ?12 : ([currentDatemonth:currentDate] + indexPath.section)%12;

        

        headerRV.dateLable.text = [NSStringstringWithFormat:@"%ld年%ld月",year,mounth];

       

        return headerRV;

    }else{

        return nil;

    }

}

- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath{

    

    LYWCollectionViewCell *cell = [self collectionView:_collectionView cellForItemAtIndexPath:indexPath];

    

    NSDate *currentDate = [[NSDate alloc]init];

    

    //打印当前日期

    

    if (![cell.dateLable.textisEqualToString:@""]) {

        

        NSInteger year = ([currentDate month:currentDate] + indexPath.section)/12 +2016;

        

        NSInteger mounth = ([currentDate month:currentDate] + indexPath.section)%12;

        

        NSInteger day = [cell.dateLable.textintValue];

        

        NSLog(@"%ld年%02ld月%02ld日",year,mounth,day);

        

    }

    

    //排除空值cell

    

    //获取月份

    

    NSInteger mounth = ([currentDatemonth:currentDate] + indexPath.section) %12 == 0 ?12 : ([currentDatemonth:currentDate] + indexPath.section)%12;

    

    NSDateComponents *components = [[NSDateComponents alloc]init];

    

    components.month = mounth;

    

    components.year = [currentDate year:currentDate];

    

    components.day =1;

    

    NSCalendar *calendar = [NSCalendar currentCalendar];

    

    NSDate *nextDate = [calendar dateFromComponents:components];

    

    //获取该月第一天星期几

    

    NSInteger firstDayInThisMounth = [nextDate firstWeekdayInThisMonth:nextDate];

    

    //该月的有多少天daysInThisMounth

    

    NSInteger daysInThisMounth = [nextDate totaldaysInMonth:nextDate];

    

    if ((indexPath.row < firstDayInThisMounth || indexPath.row > daysInThisMounth + firstDayInThisMounth - 1)){

        

        //如果点击空表格则单击无效

        

        [collectionView cellForItemAtIndexPath:indexPath].userInteractionEnabled =NO;

        

        [collectionView reloadData];

        

    }

    

}


下面是几个头文件里面的内容

NSDate+LYWCalendar.h，这个是一个类别，需要自己创建

#import <Foundation/Foundation.h>


@interface NSDate (LYWCalendar)

#pragma mark - 获取日

- (NSInteger)day:(NSDate *)date;

#pragma mark - 获取月

- (NSInteger)month:(NSDate *)date;

#pragma mark - 获取年

- (NSInteger)year:(NSDate *)date;

#pragma mark - 获取当月第一天周几

- (NSInteger)firstWeekdayInThisMonth:(NSDate *)date;

#pragma mark - 获取当前月有多少天

- (NSInteger)totaldaysInMonth:(NSDate *)date;

@end
NSDate+LYWCalendar.m

#import "NSDate+LYWCalendar.h"


@implementation NSDate (LYWCalendar)

/**

 *实现部分

 */

#pragma mark -- 获取日

- (NSInteger)day:(NSDate *)date{

    NSDateComponents *components = [[NSCalendar currentCalendar]components:(NSCalendarUnitYear | NSCalendarUnitMonth | NSCalendarUnitDay)fromDate:date];

    return components.day;

}


#pragma mark -- 获取月

- (NSInteger)month:(NSDate *)date{

    NSDateComponents *components = [[NSCalendar currentCalendar]components:(NSCalendarUnitYear | NSCalendarUnitMonth | NSCalendarUnitDay)fromDate:date];

    return components.month;

}


#pragma mark -- 获取年

- (NSInteger)year:(NSDate *)date{

    NSDateComponents *components = [[NSCalendar currentCalendar]components:(NSCalendarUnitYear | NSCalendarUnitMonth | NSCalendarUnitDay)fromDate:date];

    return components.year;

}


#pragma mark -- 获得当前月份第一天星期几

- (NSInteger)firstWeekdayInThisMonth:(NSDate *)date{

    NSCalendar *calendar = [NSCalendar currentCalendar];

    //设置每周的第一天从周几开始,默认为1,从周日开始

    [calendar setFirstWeekday:1];//1.Sun. 2.Mon. 3.Thes. 4.Wed. 5.Thur. 6.Fri. 7.Sat.

    NSDateComponents *comp = [calendar components:(NSCalendarUnitYear | NSCalendarUnitMonth |NSCalendarUnitDay) fromDate:date];

    [comp setDay:1];

    NSDate *firstDayOfMonthDate = [calendar dateFromComponents:comp];

    NSUInteger firstWeekday = [calendar ordinalityOfUnit:NSCalendarUnitWeekday inUnit:NSCalendarUnitWeekOfMonth forDate:firstDayOfMonthDate];

    //若设置从周日开始算起则需要减一,若从周一开始算起则不需要减

    return firstWeekday -1;

}

#pragma mark -- 获取当前月共有多少天


- (NSInteger)totaldaysInMonth:(NSDate *)date{

    NSRange daysInLastMonth = [[NSCalendarcurrentCalendar] rangeOfUnit:NSCalendarUnitDayinUnit:NSCalendarUnitMonthforDate:date];

    return daysInLastMonth.length;

}

@end



LYWCollectionViewCell.h

#import <UIKit/UIKit.h>


@interface LYWCollectionViewCell :UICollectionViewCell


@property (nonatomic,strong)UILabel *dateLable;


@property (nonatomic,strong)UIImageView *dateView;


- (id)initWithFrame:(CGRect)frame;


@end


LYWCollectionViewCell.m

#import "LYWCollectionViewCell.h"


@implementation LYWCollectionViewCell

- (id)initWithFrame:(CGRect)frame{

    if (self == [superinitWithFrame:frame]) {

        _dateLable = [[UILabelalloc]initWithFrame:self.bounds];

        [_dateLablesetTextAlignment:NSTextAlignmentCenter];

        [_dateLablesetFont:[UIFontsystemFontOfSize:17]];

        _dateLable.textColor = [UIColorblackColor];

        [selfaddSubview:_dateLable];

      

        self.dateView = [[UIImageView alloc]initWithFrame:self.bounds];


        CGFloat red =arc4random()%255/256.0f;

        CGFloat green =arc4random()%255/256.0f;

        CGFloat blue =arc4random()%255/256.0f;


        self.dateView.backgroundColor = [UIColor colorWithRed:redgreen:greenblue:bluealpha:1];

        

        [self.contentViewaddSubview:_dateView];

    }

    returnself;

}


@end


LYWCollectionReusableView.h

#import <UIKit/UIKit.h>


@interface LYWCollectionReusableView :UICollectionReusableView

@property (nonatomic,strong)UILabel *dateLable;


- (instancetype)initWithFrame:(CGRect)frame;

@end


LYWCollectionReusableView.m

#import "LYWCollectionReusableView.h"


@implementation LYWCollectionReusableView


- (instancetype)initWithFrame:(CGRect)frame{

    if (self == [super initWithFrame:frame]) {

        _dateLable = [[UILabel alloc]initWithFrame:self.bounds];

        [_dateLable setTextAlignment:NSTextAlignmentCenter];

        [_dateLable setFont:[UIFont systemFontOfSize:20]];

        _dateLable.textColor = [UIColor blackColor];

        [self addSubview:_dateLable];


    }

    returnself;

}

@end
搞定。大家在复制代码的时候有肯能会报错，但是不是代码的问题，是这个平台会把有的空格删掉，需要大家在报错的地方自己慢慢找一下，加几个空格。剩下的内容就是自己根据后台返回的当前用户是否签到过来定义UI了 ，大家可以自己尝试写一下哦。
iOS磊咖
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序签到日历
zzaixiao的博客
06-07 1929
微信小程序签到日历
关于element的日历组件改造为考勤页面
qq_39345101的博客
04-08 2559
关于利用element-ui实现考勤页面 前言：因为在实际开发中想要实现员工考勤页面，但是element-ui的日历组件，没有提供相关功能，因此自己实现一个 <el-calendar :first-day-of-week="7"> <template slot="dateCell" slot-scope="{ data }"> <p>{{ data.day.split("-").slice(2).
iOS 自定义日期控件
假装你是大灰狼的专栏
04-24 822
控件来显示日期，但其样式无法更改，功能也无法满足。所以需要自定义日期控件，显示如下。控件中间显示当前月份，左右按钮可以切换月份。日历默认6行，每周以周日开始周六结束。界面不是很复杂，比较麻烦的有两点，正好提供了解决这两个问题的方法。
【端午特制版】 Element UI 用户签到系统
lcshen1234的博客
06-02 615
【端午特制版】 Element UI 用户签到系统（全面登录功能）
Element UI中el-calendar日历的使用及样式修改（年月可下拉选框选择）
qq_45754931的博客
05-18 1万+
项目场景： 以日历形式展现当前页面。其中，年月可进行下拉选择，默认选中当天日期，用户可以自由点选日期，被选中后日期以紫色显示，鼠标在日历上移动时，日期显示出橙色。有数据的日期显示出灰色。 实现思路：删除现存在左上角年月元素，写一个下拉选框，通过css定位到正确位置，通过vue计算属性进行数据绑定 代码实现： <div class="Calendarselect"> <el-date-picker v-model="monthValue" type="month" size
element 日历组件应用相关的问题
weixin_43254676的博客
12-11 2895
element calendar组件修改按钮原生组件，添加按钮点击，日历仅显示本月，以今天为节点做样式区分
日历签到控件
01-14
下面我们将详细探讨日历签到控件的功能、设计原理以及实现技术。 1. **功能特性** - **点击日期补签**：此功能允许用户选择过去的日期进行签到，以弥补忘记签到的情况。这通常会伴随着一个交互提示，确认用户是否...
基于jquery实现日历签到功能
08-12
本文将深入探讨如何使用jQuery实现一个日历签到功能，这对于开发Web应用，尤其是涉及到用户日常交互的项目，是非常实用的。 首先，我们需要理解日历签到功能的基本需求。通常，这个功能允许用户在网页上查看日期，...
php实现每日签到功能
10-17
主要为大家详细介绍了php实现每日签到功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
日历+签到（日历签到html）
06-13
【日历+签到（日历签到html）】是一个基于HTML和JavaScript的实用插件，主要用于实现用户在网页上的签到功能。这个插件设计精巧，允许用户自定义已签到的日期，同时也支持签到行为的个性化设置，为网站或应用增加了...
java实现app签到功能
08-26
主要为大家详细介绍了java实现app签到功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
element calendar 自定义显示（例如：通知事项日历）vue+element自定义日历
一往直“前”，直上云“端”
04-24 1万+
element calendar 自定义显示（例如：通知事项日历）vue+element自定义日历； 最近帮一个后端朋友处理一个前端问题，elementUI 中calendar日历组件内容进行自定义显示，实现类似通知事项的日历效果，感觉还挺有意思，在这做简单的分享 问题描述 提示：elementUI组件中针对calendar日历组件其实可以实现自定义内容的效果。下图，官网自定义效果。 前端自定义日历...
html插入签到日历,js签到日历
weixin_34638409的博客
06-24 364
效果图日历效果图htmlcalendar$(function(){Calendar.init("2016/09/21 10:14:11");//$("#box").html(Calendar.getCalendar([1,5]));});jsvar Calendar = {_today : new Date(),_date : new Date().getDate(),_day : new Dat...
ElementUI使用中遇到的问题以及解决办法（持续更新）
yimeichengxuyuan的博客
09-01 1296
表格 合并表格的时候用header-cell-style获取不到dom元素用this.$nextTick()
vue-calendar 基于 vue 2.0 开发的轻量，高性能日历组件
weixin_33939380的博客
10-31 2742
vue-calendar-component 基于 vue 2.0 开发的轻量，高性能日历组件 占用内存小，性能好，样式好看，可扩展性强 原生 js 开发，没引入第三方库 Why Github 上很多点击弹出日历选择某个时间的组件，却没有找到单纯展示日历并且能点击获取时间的组件 少部分日历组件的占用内存过于大，对于日历这样简单的功能来说显然不够合理 Demo 或者请用浏览器的手机模式查看...
element-ui 日历组件calendar 自定义使用
热门推荐
weixin_42447659的博客
12-02 1万+
<el-calendar v-model="value" id="calendar"> <!-- 这里使用的是 2.5 slot 语法，对于新项目请使用 2.6 slot 语法--> <template slot="dateCell" slot-scope="{date, data}"> &l...
签到日历
tanqingfu1的博客
07-12 670
改编自https://www.cnblogs.com/youzhuxiaoyao/p/6840817.html <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalabl...
系列教程之ElementUI Calendar日历使用例子
种麦南山下的博客
06-12 7713
转载：https://blog.csdn.net/weixin_42447659/article/details/103354632 <el-calendar v-model="value" id="calendar"> <!-- 这里使用的是 2.5 slot 语法，对于新项目请使用 2.6 slot 语法--> <template slot="dateCell" slot-scope="{date, data}.
如果实现一个简单的签到和补签
最新发布
06-08
要实现一个简单的签到和补签功能，大致可以按照以下步骤进行： 1. 创建一个签到表，记录用户的签到信息，包括用户ID、签到日期、签到状态等字段。 2. 设计签到页面和补签页面，用户可以在签到页面点击签到按钮进行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值