# xdf-calendar

> ![效果图](./demo.png) ## Install npm i xdf-calendar --save

Latest version **1.0.5** (published 2022-06-28) · 0 weekly downloads

## Install

```sh
npm install xdf-calendar
pnpm add xdf-calendar
yarn add xdf-calendar
bun add xdf-calendar
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.5 |
| Published | 2022-06-28 |
| First published | 2022-06-24 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 5 |
| Unpacked size | 513.3 KB |
| Known vulnerabilities | 0 (+2 in 2 direct dependencies) |
| Install scripts | no |
| Maintainers | wenjiao |

## Links

- npm: https://www.npmjs.com/package/xdf-calendar
- npm.io page: https://npm.io/package/xdf-calendar

## Dependencies (5)

- [vue](https://npm.io/package/vue.md) ^2.6.11
- [moment](https://npm.io/package/moment.md) ^2.29.3
- [swiper](https://npm.io/package/swiper.md) ^5.4.2
- [core-js](https://npm.io/package/core-js.md) ^3.6.5
- [vue-awesome-swiper](https://npm.io/package/vue-awesome-swiper.md) ^4.1.1

## Recent versions

- 1.0.5 (latest) — 2022-06-28
- 1.0.4 — 2022-06-28
- 1.0.3 — 2022-06-28
- 1.0.2 — 2022-06-28
- 1.0.1 — 2022-06-24
- 1.0.0 — 2022-06-24

## README

# calendar
## 效果
![效果图](./demo.png)
## Install
npm i xdf-calendar --save

## 使用:

```
import xdfCalendar from 'xdf-calendar'

components: {
  xdfCalendar
}
 <xdf-calendar
  ref='calendar'
  :markList='dotList' // dotList=['2022-08-01',''2022-08-07'] 标记8月1日和8月7日 简单标记为点
  @change-month="changMonth" //切换月份
  @change-date='changeDate' //切换日期
  />
  changeDate(data) {
    console.log(data); //左右点击切换月份
  },
  changMonth(data) {
    console.log(data); // 跳到了本月
  }
```
## API
 | 属性 | 说明 |
| ---- | ----- |
| goTaday | 跳到今天    |
| goDate | 跳到某个日期，格式：'YYYY-MM-DD'    |
| choseDay | 点击某一天，返回格式：'YYYY-MM-DD'    |
| preMonth | 切换到上一月    |
| nextMonth | 切换到下一月   |
| markList | 如果需要某月的几天被标注，传当月的日期数组。如["2022-06-04","2022-06-07"]被会标注（相同的标记）    |
  
  
 ``
 在 Calendar标签上添加 ref 属性, 暴露出方法可以 直接切换月份
 this.$refs.calendar.PreMonth();  //调用方法实现转到上个月
 ``

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