html表格自动变色,让考勤表实现自动变色

员工考勤表对于许多职场HR来说，应该是再熟悉不过。一般情况下的考勤表都是按照月份进行统计，比如说11月分1-30号每天会对人员出勤情况进行登记。为了方便我们对表格的查看，我们经常会看到周末两天的单元格颜色会不同。

如上图所示，当我们变更月份的时候，对应的周末月份两天的日期位置就会发生变化，而下方周末两天的单元格底纹颜色也会出现变化。这就是考勤表自动切换颜色的效果。下面我们就来学习如何制作这样的效果图。

第一步：我们需要首先搭建好这样一个考勤表格。对应的日期第一天为每个月的第一天，如8月份就为8/1，第二天开始直接用+1的形式进行生成日期。第二行星期用WEEKDAY(D6)来生成。这样我们后面只用修改第一天的值，后面的日期和星期就会自动发生变化。如下图所示：

第二步：做好基础的考勤表数据之后，我们就利用条件格式的操作对单元格进行设置就可以了。首先选择需要设置的单元格区域：D8：AH15，然后点开始菜单栏，条件格式—新建规则—使用公式确定需要设置的单元格。如下图所示：

第三步：在使用公式设单元格操作中，点击格式设置为我们需要的背景颜色，公式输入下方：

=OR(weekday(D$7)=7,weekday(D$7)=1)，输入完成只会点击确定。这样我们对应每周六、周天两天的单元格就会变为我们设置的颜色。如下图所示：

通过上面条件格式，设置完之后我们在进行日期的调整。通过切换第一天的日期，我们改为7/1或者9/1，后面的日期都会变化，下方对应的星期也会变化，从而周末对应的单元格颜色也会进行切换。如下图所示：

现在你学会如何进行考勤表格设置了吗？让我们的考勤表可以实现颜色自动切换。

html表格自动变色,让考勤表实现自动变色相关推荐

Word自动续表实现方法不分表不手动加表头一劳永逸实现续表论文必备
Word自动续表实现方法 Author: fengclchn@outlook.com Date: 2023/05/22 原文: https://histonevon.top/archives/word ...
WPS技巧之保护工作表实现允许部分单元格输入内容
WPS技巧之保护工作表实现允许部分单元格输入内容 WPS表格中保护工作表的作用是设定密码,其它人员可以查看工作表的数据,但对工作表单元格里面内容默认没有办法修改,但是如果想对工作表中某些单元格进行修改 ...
MySQL中如何通过修改表实现约束的添加与删除
修改表实现约束的添加与删除一.主键约束 添加主键约束 Alter table 表名 add primary key(列名) 例将 emp 表中的 employee_id 修改为主键且自动增长: ...
dropdownlist三级联动怎么实现_一张表实现三级联动
今天是七夕,七夕快乐,大家今天有没有人约呢? 相信大部分的Access玩家都是玩Excel的高手,很多的功能在Excel中实现对大家来说都是小菜,比如今天要讲的联动. 那么,我们现在就来讲一下在Acc ...
电力系统利用远程智能电能表实现远程集抄
引言电力系统利用智能电能表实现远程集抄,其原则是借助远程智能抄表工具,对用户数据收集和分析,再利用数据通信传输功能,将在用户收集的数据传输至管理平台.采集到用户数据是实现智能用电的基础信息,发展电能 ...
【QT学习】QSS样式表实现界面换肤（图文详解+源码）
文章目录前言一.实现效果二.QSS简介及用法 1.什么是QSS? 2.怎么使用QSS? 三.QSS用法一:单个控件调用setStyleSheet函数四.QSS用法二:编写单个界面.qss文件的 ...
pe方式修改计算机名,通过修改PE注册表实现更换WinPe文件夹浏览方式
通过修改PE注册表实现更换WinPe文件夹浏览方式发布时间:2014-04-04 16:19:31 作者:佚名我要评论 WinPe中的文件夹浏览方式早已看的不耐烦了,想不想换个品味呢?如果 ...
C++利用双哈希表实现存储机制hash table的算法(附完整源码)
C++利用双哈希表实现存储机制的算法 C++利用双哈希表实现存储机制的算法完整源码(定义,实现,main函数测试) C++利用双哈希表实现存储机制的算法完整源码(定义,实现,main函数测试) #in ...
狄斯奎诺算法 c语言,图的邻接表实现迪杰斯特拉算法(C语言).doc
图的邻接表实现迪杰斯特拉算法(C语言) /*迪杰斯特拉算法(狄斯奎诺算法)解决的是从源点到其它所有顶点的最短路径问题*/ //算法实现: #include #include #define MAX 2 ...
子窗体中组合框联动_一张表实现组合框联动
嗨,大家中午好! 最近,有网友给我私信,想要一个联动的示例,一个有关于部门联动的操作. 其实关于联动的操作有很多,可以是组合框的联动,列表框联动,组合框与列表框也可以联动,哪怕是放到子窗体中也是可以联 ...

html表格自动变色,让考勤表实现自动变色

html表格自动变色,让考勤表实现自动变色相关推荐

最新文章

热门文章