https://github.com/s00d/vue-call-next

Simple calendar with selectable dates
https://github.com/s00d/vue-call-next

Last synced: about 1 month ago
JSON representation

Simple calendar with selectable dates

• Host: GitHub
• URL: https://github.com/s00d/vue-call-next
• Owner: s00d
• License: mit
• Created: 2019-01-11T19:17:46.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T03:00:21.000Z (almost 2 years ago)
• Last Synced: 2024-08-10T23:44:21.623Z (5 months ago)
• Language: Vue
• Size: 1.06 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 13
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# vue-call-next

[![Build Status](https://travis-ci.org/s00d/vue-call-next.svg?branch=master)](https://travis-ci.org/s00d/vue-call-next)

[![npm version](https://badge.fury.io/js/vue-call-next.svg)](https://badge.fury.io/js/vue-call-next)

![preview](https://s2.gifyu.com/images/image65236dec4b3e998b.gif)

Simple calendar with selectable dates

## Example App

try out this [Code Sandbox](https://codesandbox.io/s/qy7jjvn24)

## Installation

```

npm install --save vue-call-next

```

Installing the plugin will globally add the `vue-call-next` component to your project.

```js

//main.js

import Call from 'vue-call-next'

Vue.use(Call)

```

But you can also import the standalone component to add locally or for more complex installations.

```js

// foo.vue

import { Call } from 'vue-call-next'

export default {

  components: {

    Call,

  },

}

```

### CSS

you will need to explicitly import this css file in your project.

```js

import 'vue-call-next/call.css'

```

## Basic Usage

You can pass an array of cal objects through the props

```html

 {startDate = start; endDate = end}" placeholder="change" />

...

...

  data() {

    return {

      startDate: '2010-01-01',

      endDate: '2010-01-01',

    }

  }

...

```

Param | Default | Description

------ | ------ | ------

start | NOW() | date started, format: YYYY-MM-DD

days-name | ```[ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ]``` | array with day name

month-name | ```[ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ]``` | array with month name

min-year | 2000 | Minimal year to change

range | true | enable or disable range change

placeholder | click | text to input placeholder