基于Vue+Element-Ui开发的月日组件，可以选择月份和天数小插件（新版本）

最近有粉丝在使用的过程中发现不能满足自己项目上的需求，评论告诉我说不支持placeholder以及更改输入框大小size，所以又赶紧更新了一个版本，之前是1.0.7，现在新版本为1.1.0，点击查看之前的老版本

这个包差不多是2年前上传的，也换了新电脑，又重新配置了一下环境，中途还遇到了一些问题，都给解决了，之前的文章里也提到过一些问题，如发布npm包，需要设置npmjs源，之前文章写的是http，需要设置为https，不然登录的时候就会出现报错

如何发布包，就不多说了，看之前的文章吧，点我进入查看。

组件图

新版本变更内容

新增了下面这些属性

• placeholder: '请选择', // 占位内容，默认为选择日期
• size: 'small', // 输入框尺寸 large, small, mini 默认large
• clearable: true, // 是否显示清除按钮，默认true
• disabled: false, // 禁用，默认false
• readonly: false, // 只读，默认false
• popperClass: '', // 弹出框类名

如何使用

npm install month-days-element
1

<template>
    <div>
		<MonthDays v-model="monthDaysValue" :monthDaysOptions="monthDaysOptions" @getValue="getValue" />
    </div>
</template>
<script>
import MonthDays from 'month-days-element'

export default {
	components: {
	  MonthDays
	},
	data () {
		return {
			monthDaysValue: '',
			monthDaysOptions: {
				placeholder: '请选择', // 占位内容，默认为选择日期
				size: 'small', // 输入框尺寸 large, small, mini 默认large
				clearable: true, // 是否显示清除按钮，默认true
				disabled: false, // 禁用，默认false
				readonly: false, // 只读，默认false
				popperClass: '' // 弹出框类名
			}
		}
	},
	methods: {
        getValue (val) {
		    this.monthDaysValue = val
	    }
    }
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

如果还有什么需求，可以评论说一下，看到后会回复大家，感谢大家的支持！