v-date-selector

Simple Date Picker/Date Selector/Calendar in Vue

Usage no npm install needed!

<script type="module">
  import vDateSelector from 'https://cdn.skypack.dev/v-date-selector';
</script>

README

VDateSelector

Simple Date Picker/Date Selector/Calendar in Vue

npm bundlephobia npm vue2

Table of contents

Installation

yarn add v-date-selector

Usage

<template>
  <div id="app">
    <VDateSelector v-model="date"/>
  </div>
</template>

<script>
import VDateSelector from 'v-date-selector'

export default {
  name: 'app',
  components: {
    VDateSelector
  },
  data: () => ({
    date: new Date('1/1/2019')
  }),
  mounted() {
    console.log(VDateSelector)
  }
}
</script>

Or use only Calendar:

  <VDateSelector v-model="date" :showInput="false"/>

Demo