# m-calendar

> 这是一个移动端日历选择插件。

Latest version **1.0.4** (published 2017-09-14) · ISC license · 0 weekly downloads

## Install

```sh
npm install m-calendar
pnpm add m-calendar
yarn add m-calendar
bun add m-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.4 |
| Published | 2017-09-14 |
| First published | 2017-09-14 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | felix01 |
| Keywords | calendar, m-calendar, mCalendar, 日历, 移动端, 日历插件 |

## Links

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

## Recent versions

- 1.0.4 (latest) — 2017-09-14
- 1.0.3 — 2017-09-14
- 1.0.2 — 2017-09-14
- 1.0.1 — 2017-09-14

## README

# mCalendar
这是一个移动端日历选择插件。

[![NPM version](https://img.shields.io/npm/v/m-calendar.svg)](https://github.com/hideweb/m-calendar)
[![npm](https://img.shields.io/npm/dm/m-calendar.svg)](https://github.com/hideweb/m-calendar)
[![npm](https://img.shields.io/npm/l/m-calendar.svg)](https://github.com/hideweb/m-calendar)

### 效果
![Demo](./doc/01.jpg)
![Demo](./doc/02.jpg)


### 安装
```bash
$ npm install m-calendar --save
```


### 使用
引入css和js文件
```html
<link rel="stylesheet" href="../dist/css/mCalendar.min.css">
<script src="../dist/js/mCalendar.min.js"></script>
```

创建日历选择器
```js
var cal = new Calender({
    onClose: function (data) {
        console.log(data, '关闭');
    },
    onChange: function (data) {
        console.log(data, '选择');
    }
});
document.querySelector('.cal').addEventListener('click', function () {
    cal.open();
});
```


### API
参数说明

|参数         | 描述                   |
| ------      | -----------           |
|minDate      |可选开始日期             |
|maxDate      |可选结束日期             |
|inDate       |选中的日期               |
|partDate     |是否按时间段选择日期      |
|intervalDay  |前后间隔多少天可选(90)    |
|startDate    |选中的开始日期           |
|endDate      |选中的结束日期           |
|close        |关闭日历按钮(取消)        |
|title        |标题文本(选择日期)        |
|format       |选择日期格式(yyyy-mm-dd)  |
|onChange     |修改日期后回调            |
|onClose      |关闭时回调               |

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