vue-attendance-calendar
Version:
基于vue + element-ui实现的考勤日历组件
49 lines (39 loc) • 1.32 kB
Markdown
基于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'},
}
```
说明
```
```
