Easy-to-use Date Picker Component | Vueye Datepicker

date-picker-javascript

Vueye Datepicker is a simple date picker built with Vue.js and the vue-configuration-api plugin.

date picker javascript, simple javascript date picker, date picker material ui, pure javascript datepicker

How to make use of it:

Installation

npm i vueye-datepicker --save

Usage

<template>
  <div id="app">
    <vueye-datepicker v-model="date" color="#4466ee" format="dd/mm/yyyy"/>
  </div>
</template>
<script>
import VueyeDatepicker from "vueye-datepicker";
export default {
  name: "App",
  data: () => ({
   date: {
      value:new Date(),
      formattedValue:''
    }
  }),
  components: {
    VueyeDatepicker
  }
};
</script>

In main.js use the composition-api plugin:

import Vue from 'vue';
import App from './App.vue';
import VueComp from '@vue/composition-api';
Vue.config.productionTip = false;

Vue.use(VueComp);

new Vue({
    render: h => h(App),
}).$mount('#app');

User-friendly Date Picker Component, Vueye Datepicker Plugin/Github


See Demo And Download

Official Website(boussadjra): Click Here

This superior jQuery/javascript plugin is developed by boussadjra. For extra advanced usage, please go to the official website.