这种定制化的考勤日历,要怎么实现?

要在移动端实现一个这个的考勤日历,主要是样式上面,要怎么实现?有没有比较类似的插件? a2f4cb7a4d5c4e12a7a0511b349ac156.png

阅读 3.4k
2 个回答

最主要是你本月日历的数据格式,怎么表示。
数据格式选定,对于每一个日期节点,要展示的样式其实可以封装函数,将当天的数据作为参数,那这个格子该显示什么,隐藏什么。至于日历这个,一个月最多31天,算出日历最多多少行,其实就是一个表格,每个单元格对应一天的格式。
月份改变则重新渲染一次。

感觉手写一个也用不了多久,如果用框架就更简单了。

每个日期都是一个元素,每个元素的结构如下,渲染的时候判断标记即可

{
    today: false, // 是否今日
    miss: false,// 缺勤
    leave: false // 请假
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题