需求:不选择时间时,确定按钮无效,只有选择时间后,确定按钮才可以选择
问题:基于element本身的原因,日期时间选择器,即便不选择,点击确定后仍选择当前时间,但是我不需要这个功能
解决思路:开始时我想能不能在不选择的时候将按钮禁用,但是本人愚笨,这个方法没有行通,随后又想到一个方法,就是监听这个时间控件,当点击确定后的时间为当前时间时,将时间清空,测试后可行
<el-date-picker
class="my-picker"
v-model="dateTimeValue"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetime"
placeholder="请选择时间"
></el-date-picker>
data () {
return {
dateTimeValue: '',
}
},
watch: {
dateTimeValue () {
const date = this.formatDate(this.dateTimeValue)
if (this.dateTimeValue === date) {
this.dateTimeValue = ''
}
}
},
最终效果: