vue-call-next

    1.0.21 • Public • Published

    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

    Install

    npm i vue-call-next

    DownloadsWeekly Downloads

    27

    Version

    1.0.21

    License

    ISC

    Unpacked Size

    37 kB

    Total Files

    21

    Last publish

    Collaborators

    • avatar