uniapp原生组件库如何隐藏uni-datetime-picker组件左边的小图标
时间: 2023-08-21 14:30:13 浏览: 435
uniapp自定义验证码输入框,隐藏光标
如果你使用的是 uniapp 官方提供的原生组件库,可以通过设置 `show-icon` 属性为 `false` 来隐藏 uni-datetime-picker 组件左边的小图标。具体做法如下:
```html
<template>
<picker mode="date" v-model="date" show-icon="false"></picker>
</template>
<script>
export default {
data() {
return {
date: ''
}
}
}
</script>
```
在 `picker` 中设置 `show-icon` 属性为 `false` 即可隐藏左边的小图标。需要注意的是,如果你同时需要隐藏右边的小图标,也可以设置 `end-icon` 属性为 `none`:
```html
<template>
<picker mode="date" v-model="date" show-icon="false" end-icon="none"></picker>
</template>
<script>
export default {
data() {
return {
date: ''
}
}
}
</script>
```
上面的代码中,`end-icon` 属性设置为 `none` 可以隐藏右边的小图标。
阅读全文