基于element-ui封装月日选择器(不包含年)

今天接到一个需求是只要求设置月和日,不需要设置年份,按照闰年来计算,搜索官网,并没有符合要求的组件,于是参考了大神的组件,先看效果图。

基于element-ui封装月日选择器(不包含年)_第1张图片

 

基于element-ui封装月日选择器(不包含年)_第2张图片

话不多说,上代码

首先封装一个月日组件

新建文件DateMonthDay/index.vue







使用组件

// 引入组件
import DateMonthDay from '@/components/DateMonthDay'
...

     

参数说明

year:传递的年,根据传入的年获取月展示的天数,不同年天数可能不一样,比如闰2月

date和dateDefault:设置成一样的就行,反正是传入的日期

placeholder:input占位符

感谢大神,转载自基于elementui的月日插件,不包含年_elementui日期时间选择器去掉年_lovlin_l的博客-CSDN博客

你可能感兴趣的:(vue,vue.js,前端,elementui)