https://github.com/necfol/vue2-calendar

vue2 canlendar
https://github.com/necfol/vue2-calendar

calendar vue2

Last synced: 6 days ago
JSON representation

vue2 canlendar

• Host: GitHub
• URL: https://github.com/necfol/vue2-calendar
• Owner: necfol
• Created: 2017-02-05T09:33:54.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-03-08T10:05:41.000Z (over 7 years ago)
• Last Synced: 2024-09-19T13:32:45.705Z (14 days ago)
• Topics: calendar, vue2
• Language: Vue
• Homepage: https://necfol.github.io/vue2-calendar/
• Size: 512 KB
• Stars: 1
• Watchers: 2
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
vue2-calendar

===

A calendar component for vue.js **compitable with vue 2.x**

> Based on [GilbertSun/vue-calendar]

>

> if you want to use calendar component for vue.js(1.x), please visit

>

>

> [GilbertSun/vue-calendar](http://gilbertsun.github.io/vue-calendar)

>

## examples

website: [necfol/vue2-calendar](https://necfol.github.io/vue2-calendar)

## install & use

```

npm install vue-calendar-mobile

```

use in a vue component

```html

import Calendar from 'vue2-calendar'

export default {

  components: {

    Calendar

  }

}

```

## Develope

you want to change the source and see what's you change

```bash

$ make dev

```

it will server a locale demo page in http://localhost:8080

then you change change the source code in `src` directory

**refresh the demo page**

```bash

$ make deploy

```

**publish to npm**

```bash

$ make pub

```

## API

| prop                  | type    | description | example | default value |

|:----------------------|:--------|:-------------: |:-------- |:-------- |

| currentView           | Object  | cureent shown view | {}, simple pass a clean object | `{start: Object, end: Object}` |

| decorate              | Object  | control the date to have a dot docorate | `{'2016-08-09': true}` | {} |

| i18n                  | String  | control week name language | `'zh-cn', 'en'` | `'zh-cn'` |

| indicator             | Object  | control the header indicator default the year and month| `{title: ..., main: ...}` | `{}` |

| selected              | Date    | current select date | new Date(2016, 11, 6) | new Date() |

| startMonday           | Boolean | is the week start from monday, true for monday and false for sunday | true | false |

| startDate             | Date    | this start Date to control the first view to show startDate | new Date(2016, 11, 6) | new Date() |

| view                  | String  | show to month view of week view | 'month', 'week' | 'month' |

| centerHeader          | Boolean | control the calendar header position | true | false |