作者:刘刘刘刘 | 来源:互联网 | 2023-06-08 12:37
这里的:clearable=“false”,如果想要保留清除,看下方的链接 export default {data() {return {// 默认时间dat
<template><el-date-pickerv-model&#61;"dateRange"type&#61;"daterange":clearable&#61;"false"range-separator&#61;"-"start-placeholder&#61;"开始日期"end-placeholder&#61;"结束日期"></el-date-picker>
</template>
这里的:clearable&#61;“false”&#xff0c;如果想要保留清除&#xff0c;看下方的链接
<script>
export default {data() {return {// 默认时间dateRange: [&#39;2021-8-12&#39;, &#39;2022-8-12&#39;]}},mounted() {// 在右侧增加新图标document.querySelector(&#39;.el-range__close-icon&#39;).className &#43;&#61; &#39; el-icon-date&#39;}
}
</script>
<style lang&#61;"less" scoped>
// 穿刺写法
::v-deep .el-range__icon {display: none;
}
</style>
Vue项目中 改变elementui DateTimePicker时间选择器&#xff08;el-date-picker&#xff09; 图标icon位置居右 日期控件图标居右