# vue-attendance-calendar

> 基于vue + element-ui实现的考勤日历组件

Latest version **0.3.0** (published 2022-03-23) · ISC license · 0 weekly downloads

## Install

```sh
npm install vue-attendance-calendar
pnpm add vue-attendance-calendar
yarn add vue-attendance-calendar
bun add vue-attendance-calendar
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities.

Warnings: low downloads; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.3.0 |
| Published | 2022-03-23 |
| First published | 2022-03-12 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 19.7 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | kuangch |
| Maintainers | kuangch |
| Keywords | vue attendance calendar, attendance, 考勤, 考勤日历 |

## Links

- npm: https://www.npmjs.com/package/vue-attendance-calendar
- Repository: https://github.com/kuangch/vue-attendance-calendar
- Homepage: https://github.com/kuangch/vue-attendance-calendar#readme
- Issues: https://github.com/kuangch/vue-attendance-calendar/issues
- npm.io page: https://npm.io/package/vue-attendance-calendar

## Dependencies (2)

- [vue](https://npm.io/package/vue.md) ^2.5.16
- [element-ui](https://npm.io/package/element-ui.md) ^2.15.6

## Recent versions

- 0.3.0 (latest) — 2022-03-23
- 0.2.0 — 2022-03-18
- 0.1.3 — 2022-03-17
- 0.1.2 — 2022-03-12
- 0.1.1 — 2022-03-12
- 0.1.0 — 2022-03-12
- 0.0.2 — 2022-03-12
- 0.0.1 — 2022-03-12

## README

# vue-attendance-calendar

基于vue + element-ui实现的考勤日历组件

## 使用

安装
``` bash
npm install vue-attendance-calendar -S
```

组件安装
``` javascript
import AttendanceCalendar from 'vue-attendance-calendar'
Vue.use(AttendanceCalendar)
```

组件使用
``` html
<attendance-calendar ref="ac" :worktime="8" :leavetime="18:30" :options="options"/>
```

组件属性
```
worktime: 正常考勤需要的工作时间(单位:h) 如: 8 
leavetime: 正常下班时间(单位:h) 如: 18 
options: [object] 考勤数据;
-- month: [string] 月份; 如: 2022-02
-- records: [object] 考勤记录; 如:
        {
          '2022-02-01': {start_time: '9:00', end_time: '19:00'},
          '2022-02-02': {start_time: '9:00', end_time: ''},
          '2022-02-03': {start_time: '', end_time: '19:00'},
          '2022-02-04': {start_time: '', end_time: ''},
          '2022-02-05': {start_time: '9:00', end_time: '10:00'},
          '2022-02-15': {start_time: '09:10', end_time: '17:00'},
          '2022-02-16': {start_time: '09:10', end_time: '17:20'},
          '2022-02-17': {start_time: '09:00', end_time: '16:00'},
        }
```


说明
```
```

## 效果
![image](https://raw.githubusercontent.com/kuangch/vue-attendance-calendar/master/screen.jpg)

---
_Source: https://npm.io/package/vue-attendance-calendar · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._