2021-11-03 el-date-picker el-select获取输入框内显示的值

1.el-select问题描述

el-select的选项,一般是一组组对应的{label:‘’, value: ''}, 需要的其实是value的值,但是有时候也获取所选中的value对应的label值,通常会用value去备选项中反向查找,这里有个更简单的方法:
通过设定ref获取当前dom,取当前dom的selectedLabel即可。
示例:

1635925588(1).png

1635925630(1).png

1635925663(1).png

2.el-time-picker/el-datepicker

和el-select相同的问题,比如设定了 format = 'yyyy 第 WW 周' ,需要在页面上用到这种格式的值,而不是value-format定义的格式,如果是常规的年月日时分秒,我们可以自行根据根据需求格式化,但是 如果是'yyyy 第 WW 周'这种,可能就需要再另想办法了,这里有个简单的 ,获取displayValue即可。
示例:


1635926492(1).png

1635926518(1).png

1635926557(1).png

数据结构


1635926634(1).png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容