uni-datetime-picker 怎么隐藏左边的小图标

如果你使用的是 Element UI 的 uni-datetime-picker 组件，可以通过设置 `picker-options` 属性中的 `iconClass` 字段来隐藏左边的小图标。具体做法如下：

<template>
  <uni-datetime-picker
    v-model="date"
    :picker-options="{ iconClass: '' }"
  ></uni-datetime-picker>
</template>

<script>
export default {
  data() {
    return {
      date: ''
    }
  }
}
</script>

在 `picker-options` 中设置 `iconClass` 为空字符串即可隐藏左边的小图标。

相关问题

uni-datetime-picker组件怎么隐藏左边的小图标

如果你使用的是 uView UI 的 uni-datetime-picker 组件，可以通过设置 `left-icon` 属性为 `false` 来隐藏左边的小图标。具体做法如下：

<template>
  <uni-datetime-picker v-model="date" :left-icon="false"></uni-datetime-picker>
</template>

<script>
export default {
  data() {
    return {
      date: ''
    }
  }
}
</script>

在 `uni-datetime-picker` 中设置 `left-icon` 属性为 `false` 即可隐藏左边的小图标。

uniapp原生组件库如何隐藏uni-datetime-picker组件左边的小图标

如果你使用的是 uniapp 官方提供的原生组件库，可以通过设置 `show-icon` 属性为 `false` 来隐藏 uni-datetime-picker 组件左边的小图标。具体做法如下：

<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`：

<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` 可以隐藏右边的小图标。