ly525 / material-vue-daterange-picker

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

Home Page:https://ly525.github.io/material-vue-daterange-picker/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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:

About

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

https://ly525.github.io/material-vue-daterange-picker/

License:MIT License


Languages

Language:Vue 62.3%Language:CSS 24.4%Language:JavaScript 10.0%Language:HTML 2.0%Language:Shell 1.3%