Ant Design of Vue
huangfuyk
自己应为之事,勿求他人;今日应为之事,勿待明日。
展开
-
Ant Design of Vue中DatePicker设置mode=“year“无法获取value及关闭面板的解决方案| Ant Design of Vue年份选择框(YearPicker、vue)
打开antd vue官网我们会发现,日期选择框控件只有DatePicker、MonthPicker、RangePicker、WeekPicker,唯独缺少了YearPicker,但是我们在项目中会用到只选择年份的控件,那么这时候就需要我们在此基础上自己进行组件的封装了。通过官网我们会看到,它的属性有mode以及format看到这两个属性,也许我们会很开心,觉得这就够了,然后就设置一下:format="YYYY"mode="year"迫不及待的想看一下效果:此时我们会发现,样式是出.原创 2021-06-18 17:42:33 · 4482 阅读 · 1 评论 -
Ant Design of Vue月度选择框(MonthPicker)、前端获取到当前时间,把1-9月份拼“0”后赋值给月度选择框(扩展运算符、padStart)
做项目过程中遇到这样的问题:获取当前默认时间时,月份为一位数(如 2021-6),但是后端需要的是这样的(如 2021-06)。① 页面样式如下:② 传参如下:③ 此时就需要把获取道到的认时间进行操作,然后赋值给Ant Design of Vue的月度选择框代码如下:let defaultYear = `${new Date().getFullYear()}-${((new Date().getMonth() + 1).toString()).padStart(2, '0')}`④ 效果原创 2021-06-16 12:23:45 · 2093 阅读 · 0 评论 -
Ant Design Vue下拉选择框增加可搜索功能(Ant Design Vue Select选择器)
Ant Design Vue下拉选择框增加可搜索功能打开Ant Design Vue官网,找到Select选择器(点击进入),见如下示例:其中:①:showSearch属性使框框变为可搜索;②:option-filter-prop="children"便是绑定下拉选项中的内容可被搜索(<a-select-option>)③:实现。期待与您一起探讨关于Ant Design Vue或VUE或原生JS等等前端技术哦~...原创 2021-02-05 10:11:02 · 8045 阅读 · 1 评论