用iview组件库加上vue2实现月选择器
时间: 2023-07-16 12:16:33 浏览: 164
基于vue2.0+vuex的日期选择组件功能实现
可以通过iview的DatePicker组件来实现月选择器。
首先需要引入iview和vue:
```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/iview/dist/styles/iview.css">
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/iview/dist/iview.js"></script>
```
然后在页面中使用DatePicker组件,在props中设置type为'month'即可:
```html
<template>
<div>
<i-date-picker v-model="date" :type="'month'"></i-date-picker>
</div>
</template>
<script>
export default {
data () {
return {
date: ''
}
}
}
</script>
```
这样就实现了一个简单的月选择器。
阅读全文