element-range-picker

Element-range-picker

Element-Ui Date Range Picker

---

What is it

You can choose year month week range,not only date range in element-ui.

---

Installation

You should install vue and element first

npm install vue --save
npm install element-ui --save
npm install element-range-picker --save

---

Usage

Then use in Vue

import ElementUI from 'elemrnt-ui';
import ElementRangePicker from 'elemrnt-range-picker';
import 'element-ui/lib/theme-chalk/index.css';
import 'element-range-picker/src/date-picker/css/date-picker.css';

Vue.use(ElementUI);
Vue.use(ElementRangePicker);

After all,you can use tag </date-range-picker>,the type of tag can be

• not range : year,month,week,date
• range : yearrange,monthrange,weekrange,daterange,yeartimerange,monthtimerange,weektimerange,datetimerange

You can use like this

<date-range-picker
      v-model="value"
      type="yearrange"
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期">
    </el-date-picker>
    
<date-range-picker
          v-model="value"
          type="monthtimerange"
          range-separator="至"
          start-placeholder="开始日期"
          end-placeholder="结束日期">
        </el-date-picker>

All the options are same with element-ui date-picker except type.