Vue call next

Calendar wrapper for vue

Version: 1.0.21 Updated: 04/06/2020

By: s00d License: ISC

Downloads Last 30 Days: 6

Install

npm i vue-call-next
yarn add vue-call-next

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

CDNs

bundle.run: https://bundle.run/vue-call-next

jsDelivr: https://cdn.jsdelivr.net/npm/vue-call-next

unpkg: https://unpkg.com/vue-call-next

vue-call-next

Build Status npm version

preview

Simple calendar with selectable dates

Example App

try out this Code Sandbox

Installation

npm install --save vue-call-next

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

//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.

// 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.

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

Basic Usage

You can pass an array of cal objects through the props

<vue-call-next :start="startDate" :helper="false" @set-dates="(start, end) => {startDate = start; endDate = end}" placeholder="change" />
...
<script>
...
  data() {
    return {
      startDate: '2010-01-01',
      endDate: '2010-01-01',
    }
  }
...
</script>
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
Categories: Vue js