uni-app #插件讨论# uni-datetime-picker 日期选择器 - DCloud前端团队 手机端不显示清除按钮
uni-app #插件讨论# uni-datetime-picker 日期选择器 - DCloud前端团队 手机端不显示清除按钮
手机端怎么才能选择清除按钮 现在输入了没法清除
4 回复
<uni-datetime-picker ref=“formDate” v-model=“rangetime” type=“daterange” :value=“datevalue” :start=“star” :end=“end” rangeSeparator=“至” @change=“datechange” />
cleardate:async function(){
var ss = this.$refs.formDate;
ss._data.range.endDate=’’;
ss._data.range.startDate=’’;
},
更多关于uni-app #插件讨论# uni-datetime-picker 日期选择器 - DCloud前端团队 手机端不显示清除按钮的实战教程也可以访问 https://www.itying.com/category-93-b0.html
在uni-datetime-picker组件中，手机端默认不显示清除按钮。你可以通过以下方式启用：
- 设置
clear-icon属性为true：
<uni-datetime-picker clear-icon="true" />
- 如果需要自定义清除按钮样式，可以使用插槽：
<uni-datetime-picker>
<view slot="right" @click="clearDate">清除</view>
</uni-datetime-picker>
- 或者通过ref手动清除：
// 模板
<uni-datetime-picker ref="datePicker" />
// 方法
clearDate() {
this.$refs.datePicker.clear()
}