/material-vue-daterange-picker

a date-range-picker follows the Material Design spec powered by vue.js (alpha)

Primary LanguageVueMIT LicenseMIT

Document | 中文文档

If the document is not accessible, please open an issue, I will fix it right away.

v-md-date-range-picker

Material Design DateRangePicker for Vuejs 2.0


NPM Package Version Build Status NPM Download Count

Pictures for Examples

WX20190522-193329@2x

WX20190522-193351@2x

Getting Started

Installation

npm install v-md-date-range-picker --save

# or use yarn
yarn add v-md-date-range-picker

Quick Start

you can use vue-cli to create project

1. npm install -g @vue/cli # or yarn global add @vue/cli
2. vue create hello-world
 <!-- App.js -->
<template>
  <v-md-date-range-picker></v-md-date-range-picker>
</template>
// main.js
<script>
import Vue from 'vue';
import VMdDateRangePicker from "v-md-date-range-picker";

Vue.use(VMdDateRangePicker);
</script>

Build

Powed by following: